繁体   English   中英

获取jQuery两句柄滑块值

[英]Get jQuery two-handle slider value

我有以下HTML和JS结构,用于使用jQuery两句柄范围滑块:

.html

<p>
  <input class="amount" readonly style="border:0; color:black; background: transparent; text-align: center;" type="text">
</p>
<div class="slider-range"></div>

.js

$(function() {
  $(".slider-range").slider({
    range: true,
    min: 0,
    max: 1000,
    values: [0, 1000],
    slide: function(event, ui) {
      $(".amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
    }
  });
  $(".amount").val("$" + $(".slider-range").slider("values", 0) +
    " - $" + $(".slider-range").slider("values", 1));
});

我想我需要在<input>元素中添加value="..." ,但是如何根据我的JavaScript代码从两个滑块中捕获值范围? 谢谢 !

可以将这些值提取为:

var minimum_val = $(".slider-range").slider("values",0)
var maximum_val = $(".slider-range").slider("values",1)

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM