javascript - 如何使用复选框减少数值？

Question

当我使用这个脚本来减少一个带有 a 的数值时checkbox，我的计数器从 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">

这是用按钮增加数字的脚本

$(".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));
            }

这是增加数值的按钮。

<button class="btn btn-primary addnumber" type="button" data-dismiss="modal">Now</button>

标签： javascriptjquery

Answer 1

这样的事情可能会起作用：-

$(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));
     }
   }
});