如何获取Jquery UI滑块的值？带有2个或更多滑块

Question

目前，我正在使用Jquery UI滑块来获取用户的评分等级。不仅存在滑块而且存在大于2.如何根据每个名称获取每个滑块的值？我不得不根据不同的名字累计它们的总价值 Jquery UI slider Please click for snippet

Jquery UI slider

Answer 1

我决定编写一些代码来构建一个关联数组，将滑块名称映射到值。

r = {}
$( ".slider" ).each(function () {
  r[$(this).attr("name")] = $(this).slider("option", "value");
});
console.log(r);

以下是如何使用它的示例：

$( ".slider" ).slider({
    value: 0,
    min: 0,
    max: 10,
    step: 1
}).on("slidestop", function () {
  r = {}
  $( ".slider" ).each(function () {
  r[$(this).attr("name")] = $(this).slider("option", "value");
});
console.log(r);
});