使用引导滑块获取范围值

get the range values with bootstrap slider

本文关键字：获取 范围      更新时间：2023-09-26

我想获得的范围值与引导滑块。

我有:

 <label "slider"><b>Lengths</b></label>
       <input id="slider1" type="text" class="span2" value="" data-slider-min="0.2" data-slider-max="9.8" data-slider-step="0.2" data-slider-value="[3.4,6.6]"/>

和我的javascript代码:

  var slider= new Slider("#slider1");
   slider.on("slide", function(slideEvt) {
      console.log(slideEvt.value);
      });

但是我得到以下错误(对于console.log): undefined

最后，如何获得范围值(最小和最大选择鼠标)?不幸的是，上面的代码只能有一个值。

如果有人能帮我，那就太好了。

谢谢

代码是正确的。您只错过了

处的数组索引
console.log(slideEvt.value);
所以你的代码应该是: 
console.log(slideEvt.value[0]);

因为bootstrap range slider返回一个数组

您可以使用 .getValue() 方法来获取滑块

的值
var slider = new Slider("#slider1");
slider.on("slide", function(slideEvt) {
 console.log(slider.getValue() );
});

这里是一个演示http://jsbin.com/detapa/2/edit?html,js,output

相关文章：