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

【问题标题】：How to change jquery UIslider value With input Radio如何使用输入 Radio 更改 jquery UIslider 值
【发布时间】：2012-02-29 23:58:12
【问题描述】：

我正在开发 Jquery UIslider，如您所见，here: http://jsfiddle.net/9PsY7/25/ Slider 工作正常，但我想用它来更改带有 Radio 输入元素的滑块值。

当无线电 input"0"被选中时，滑块应正常工作时正常工作。
当用户选择 Radio input"10" 时，Slider 的值应立即显示为 value+10。

我是 Jquery 新手，请帮帮我。

【问题讨论】：

标签： jquery jquery-ui

【解决方案1】：

有一个滑块方法叫做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());
   }
});

希望这会有所帮助...

【讨论】：