チェックボックスの選択に基づいて別の入力フィールドを入力する

Question

チェックボックスの選択に基づいて入力フィールドを自動入力したいだけです。 以下は私が使用しているコードです。その正常に動作しますが、問題は、ユーザーがチェックボックスをオンにした場合にのみ、入力フィールドを入力したいということです。ユーザーがチェックボックスをもう一度オフにした場合、選択した値で埋められた値を削除します。

<script> 
    $('.dtgPaymentDetails').change(function() { 

     var flag = false; 
     var receiptid = $(this).attr("receiptid"); 
     var receiptamount = $(this).attr("receiptamt"); 
     var totalamount = $("#txtTotatAmount").val(); 
     if (isNaN(parseInt(totalamount))) 
     { 
      totalamount = 0; 
     } 
     totalamount = parseInt(totalamount) + parseInt(receiptamount); 
     $("#txtTotatAmount").val(totalamount); 
     $("#txtNetAmount").val(totalamount); 
    }); 

</script> 

Answer 1

チェックされていることを確認する必要があります。

<script> 
    $('.dtgPaymentDetails').change(function() { 

     if($(this).is(":checked")) { 
      var flag = false; 
      var receiptid = $(this).attr("receiptid"); 
      var receiptamount = $(this).attr("receiptamt"); 
      var totalamount = $("#txtTotatAmount").val(); 
      if (isNaN(parseInt(totalamount))) 
      { 
       totalamount = 0; 
      } 
      totalamount = parseInt(totalamount) + parseInt(receiptamount); 
      $("#txtTotatAmount").val(totalamount); 
      $("#txtNetAmount").val(totalamount); 
     } else { 
      $("#txtTotatAmount").val(""); 
      $("#txtNetAmount").val(""); 
     } 
    }); 

</script>