Изменение значения при выборе чекбокса
 

Добрый день! есть блок с числом, нужно что бы при выборе чекбокса оно увеличивалось.

let imunSistem = parseInt($('#imunSistem .value').text(), 10);

$(function(){
    $('#vopros-1 input:checkbox').on("change", function(){ 
    
        $('#vopros-1 input:checkbox:checked').each(function(index, element){
            var add = parseInt($(element).val(), 10); 
            if(!isNaN(add))
                imunSistem += add;
            });
         $('#imunSistem .value').text(imunSistem);
    })   
})

вот оно увеличивает, а когда снимаешь галочку обратно не возвращает значение.. так и истается с +1, опять выбираем опять увеличивается на 1.. как это разрулить?

face2005,

let current = parseInt($('#imunSistem .value').text(), 10), imunSistem = current;

$(function(){
    $('#vopros-1 input:checkbox').on("change", function(){
        imunSistem = current;
        $('#vopros-1 input:checkbox:checked').each(function(index, element){

                imunSistem += +element.value || 0;
            });
         $('#imunSistem .value').text(imunSistem);
    })
})

Спасибо!