Question

我正在尝试使用jQuery开发一个复选框..其中oncheck total将被更新，但是当我取消选中它将会恢复原样..这里总计更新了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-您需要使用change代替click 进行广播和复选框输入

使用this.checked

检查是否选中

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

jquery - 复选框oncheck total将被更新

1 个答案: