如何使用输入Radio更改jquery UIslider值

时间:2012-02-29 11:31:27

标签: jquery jquery-ui

我正在研究Jquery UIslider,你可以看到here: http://jsfiddle.net/9PsY7/25/ Slider工作正常但是我想用它来改变带有Radio输入元素的滑块值。

  1. 选择广播input"0"后,滑块应正常工作。

  2. 当用户选择广播input"10"时,Slider的值应立即显示值+10。

  3. 我是Jquery的新手,请帮帮我。

1 个答案:

答案 0 :(得分:2)

有一种名为value的滑块方法,您可以这样使用:

$('#my_slider').slider('value', '100'); // 100 for example

您可以轻松地将其绑定到事件:

$('#my_radios').change(function(){
   var t = $(this);
   if ( t.attr('checked') ){ // only selected one
       $('#my_slider').slider('value', t.val());
   }
});

希望这会有所帮助......