Как уменьшить числовое значение с помощью флажка?

Question

Когда я использую этот скрипт для уменьшения числового значения на checkbox, мой счетчик возвращается с 0.

Я ищу, чтобы уменьшить число каждый раз, когда я выключаю checkbox.

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

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