jquery - checkbox oncheck total將被更新

Question

我正在嘗試開發一個使用jQuery的複選框..其中oncheck總數將被更新，但是當我取消選中它時會回來，因爲它是這裏總共更新oncheck，但它不'當我取消選中時，我可以回到總金額。有什麼可能是錯誤的..有人幫忙嗎？

$('#vat').on('click',function(e){ 
    var vat = document.getElementById("vat").value; 
    var total = document.getElementById("total").value; 

    var sum = +total + +vat; 
    document.getElementById("total").value = sum; 
    }); 

Answer 1

假設#vat是你輸入ID

1-你需要的，如果通過使用this.checked

檢查或不使用 change，而不是 click 無線電和複選框上輸入

2-檢查

$('#vat').on('change',function(e){ 
    var sum = 0; 
    var vat = document.getElementById("vat").value; 
    var total = document.getElementById("total").value; 
    if(this.checked === true){ 
     sum = total + vat; 
    }else{ 
     sum = total - vat; 
    } 
    document.getElementById("total").value = sum; 
    }); 

雖然您使用和標記jquery

$('#vat').on('change',function(e){ 
     var sum = 0; 
     var vat = parseInt($(this).val()); 
     var total = parseInt($("#total").val()); 
     if(this.checked === true){ 
      sum = total + vat; 
     }else{ 
      sum = total - vat; 
     } 
     $("#total").val(sum); 
    });