jquery - 从 jQuery 中的滑块中获取值并将该值保存到一个变量中

Question

我使用创建了一个滑块html.<input type="range" name="slider-fill" id="accountLup" value="0" min="0" max="365" data-highlight="true" />。

我想从滑块中检索此值并将其保存到一个变量中。我该怎么办？

score 0 · Accepted Answer

如果您使用 jquery ui 滑块，我认为您应该使用它。

// getter
var value = $( ".selector" ).slider( "option", "value" );

// setter
$( ".selector" ).slider( "option", "value", 10 );

或通过方法

var selected_value = $( ".selector" ).slider( "value" );

“.selector”是分配给您用作滑块的元素的类的名称。例如：

<div class="selector"></div>

更多你会在这里找到

还要记住在文档准备好后绑定“滑块”。

$(function() {
$( ".selector" ).slider();
$("#button_to_show_value").click(function (){
     alert($( ".selector" ).slider( "value" ));
  });
});

单击按钮后显示值

<input type="button" id="button_to_show_value" value="click to show value" />

score 0 · Accepted Answer

var YourVariable = $( "#sliderId" ).slider( "value" );

阅读有关滑块的更多信息：这里

2 回答 2