jquery表单滑块(输入滑块)

时间:2011-12-25 14:41:14

标签: javascript jquery forms input slider

如何用jquery创建滑块,就像这里一样?

sample

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

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

1 个答案:

答案 0 :(得分:13)

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 );
        }
    });

您可以将样式自定义为您提到的示例。