根據複選框的選擇填充另一個輸入字段

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>