jquery - checkbox oncheckの合計が更新されます

Question

jQueryを使用してチェックボックスを開発しようとしていました... oncheckの合計が更新されますが、チェックを外すと戻ってきます..ここではoncheckで更新されますが、私はそれをオフにしたときに総額に戻って取得する可能性がありますエラー....oneone助けてください？

$('#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を想定あなたがthis.checked

を使用することによって確認されたかどう代わりにラジオやチェックボックスの入力の click

2 - チェックのchangeを使用する必要があなたの入力されたID

1-

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