Javascript 如何使用复选框减少数值?
当我使用此脚本使用Javascript 如何使用复选框减少数值?,javascript,jquery,Javascript,Jquery,当我使用此脚本使用复选框减少数值时,我的计数器从0返回 $(".removenumber").click(function() { var currValue = $(".numberresult").data("value"); currValue = parseInt(currValue) ? parseInt(currValue) : 0; if (currValue > 0) {
复选框减少数值时,我的计数器从0返回
$(".removenumber").click(function() {
var currValue = $(".numberresult").data("value");
currValue = parseInt(currValue) ? parseInt(currValue) : 0;
if (currValue > 0) {
$(".numberresult").progressbar({
value: currValue - 1
}).data("value", currValue - 1);
$(".totalnumber").html((currValue - 1));
}
});
这是用于减少数值的复选框输入
<input type="checkbox" class="custom-control-input removenumber" id="LoginModalSwitch">
<button class="btn btn-primary addnumber" type="button" data-dismiss="modal">Now</button>
这是使用按钮增加数字的脚本
$(".addnumber").click(function() {
var currValue = $(".numberresult").data("value");
currValue = parseInt(currValue) ? parseInt(currValue) : 0;
if (currValue < 4) {
$(".numberresult").progressbar({
value: currValue + 1
}).data("value", currValue + 1);
$(".totalnumber").html((currValue + 1));
}
$(“.addnumber”)。单击(函数(){
var currValue=$(“.numberresult”).data(“值”);
currValue=parseInt(currValue)?parseInt(currValue):0;
如果(电流值<4){
$(“.numberresult”).progressbar({
值:currValue+1
}).数据(“值”,当前值+1);
$(“.totalnumber”).html((currValue+1));
}
这是增加数值的按钮
<input type="checkbox" class="custom-control-input removenumber" id="LoginModalSwitch">
<button class="btn btn-primary addnumber" type="button" data-dismiss="modal">Now</button>
现在
类似的方法可能会奏效:-
$(document).on("change", ".removenumber",function(e) {
if(!$(this).is(":checked")) { // if :checkbox isn't checked than decrement.
var currValue = $(".numberresult").data("value");
currValue = parseInt(currValue) ? parseInt(currValue) : 0;
if (currValue > 0) {
$(".numberresult").progressbar({
value: currValue - 1
}).data("value", currValue - 1);
$(".totalnumber").html((currValue - 1));
}
}
});