Question

如何更改输入类型=＆＃34;范围＆＃34; =＆gt;基于条件的步长值？

像我想要的那样：差异：200 250 350 450一直到1150,1200

<input id="years" type="range" value="200" min="200" max="1200" />

第一个值是200 ......然后它增加了50 ......之后增加了100 ......（看起来像是250 ...... 350 ... 1150 ......）

看看我尝试了什么...但没有得到正确的输出

    <html>
    <head>
        <script  src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
        <script type="text/javascript">

            $(function() {

                $('#years').on('input change', function() {

                    var
                        element = $('#years'),
                        value = element.val(),
                        step;

                    /* 
                        Map your rules 
                    */
                    if (value <=250) {


                        step = 50;
                    }
                    else {

                        step = 100;   
                    }

                    element.attr('step', step);

                    $('#value').text(value);
                    $('#step').text(step);
                });
            });

        </script>
    </head>
    <body>
        <div>
            Current value: <span id="value"></span>
        </div>
        <div>
            Current step: <span id="step"></span>
        </div>
        <div style="width:500px">
            <input id="years" type="range" value="200" min="200" max="1200" />
        </div>
    </body>
    </html>

            <input id="years" type="range" value="200" min="200" max="1200" />

Answer 1

这个答案应该正是您所寻找的： html input range step as an array of values （当然，你必须根据自己的需要调整价值观和步骤）

如何更改输入类型=＆＃34;范围＆＃34; =＆gt;基于条件的步长值？

1 个答案: