如何解决jQuery动态滑块MaxValue
我有以下代码:
jQuery(document).ready(function($){
let radioo= $("#radioForm").on("change",function()
{
radioValue = $("input[name=radioName]:checked","#radioForm").val();
console.log(radioValue);
});
var sliders = $("#sliders .slider");
sliders.each(function() {
var value = parseInt($(this).text(),10),availableTotal = 10;
$(this).empty().slider({
value: 0,min: 0,max: 5,range: "max",step: 1,animate: 100,slide: function(event,ui) {
// Aktuelles total
var total = 0;
var totalSlider = ui.value;
sliders.not(this).each(function() {
total += $(this).slider("option","value");
console.log(ui.value);
});
var max = availableTotal - total;
$(this).addClass("wert");
if (max - ui.value >= 0) {
total += ui.value;
$(this).siblings().text(ui.value);
} else {
return false;
}
}
});
} );
我想根据单击哪个单选按钮来设置这些滑块的总最大值。 (例如,用户单击第一个单选按钮,最多可得到10点,每个滑块的最大最大值为5,因此他可以将两个滑块设置为最大值。)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。