jquery 表单滑块(输入滑块)

2022-01-24 00:00:00 input slider forms jquery javascript

如何用 jquery 制作滑块，像这里?

How to make slider with jquery, like here?

用户应该从滑块中选择一个值，这个值应该自动在输入中

User should select a value from slider, and this value should automatically be in input

我找不到合适的插件...

I can not find the appropriate plug-in...

推荐答案

http://jqueryui.com/demos/slider/

 $( "#slider" ).slider({
        value:100,
        min: 0,
        max: 500,
        step: 50,
        slide: function( event, ui ) {
                           //Its setting the slider value to the element with id "amount"
            $( "#amount" ).val( "$" + ui.value );
        }
    });

您可以自定义样式，使其看起来像您提到的示例.

You can customize the style to look like the example you mentioned.

相关文章