Question

我想通过引导滑块获取范围的值。

我有：

 <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

最后，如何获取范围值（用鼠标选择最小值和最大值）？不幸的是，我只能使用上面的代码中的一个值。

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

由于

Answer 1

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

的数组索引

console.log(slideEvt.value);

所以你的代码应该是：

console.log(slideEvt.value[0]);

因为bootstrap range 滑块返回了一个数组。

Answer 2

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

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

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

使用引导滑块获取范围值

2 个答案: