選中或取消選中復選框時如何更改其值

Question

大家好，這里的問題。 我想根據復選框執行其他計算。

<div>
 COD: <input type="checkbox" id="trigger" name="question" >
</div>

這是用於計算商品價格的javascript問題是我不知道該如何做else if方法

<script>
    $("#price,#quant,#shipment").keyup(function () {
      if(+myFunction3() =="" )
      {
        $('#demo').val(0);
      }
      else if($('#trigger')=="checked") //this is the problem
      {
        $('#demo').val($('#price').val() * $('#quant').val() ;
      }
      else
      {
      $('#demo').val($('#price').val() * $('#quant').val() + +myFunction3());
     }
  });
  </script>

提前謝謝你們。

Answer 1

使用jQuery，您可以執行以下操作：

else if($('#trigger:checked').length > 0)

要么

else if($('#trigger').is(':checked'))

如果要在用戶選中或取消選中復選框時重新運行計算，則可以在以下鍵盤上運行在keyup函數上運行的相同代碼：

$('#trigger').change(function() {
  ...
})

Answer 2

您的腳本應如下所示：

<script>
    $("#price, #quant, #shipment").keyup(function () {
      if(+myFunction3() =="" )
      {
        $('#demo').val(0);
      }
      else if ($('#trigger').is(':checked')) { //this is the problem

        $('#demo').val($('#price').val() * $('#quant').val() ;
      }
      else
      {
      $('#demo').val($('#price').val() * $('#quant').val() + +myFunction3());
     }
  });
  </script>

Answer 3

嘗試這個：

<script>
    $("#price,#quant,#shipment").keyup(function () {
      if(+myFunction3() =="" )
      {
        $('#demo').val(0);
        return;
      }

      var isCOD = $('#trigger').is(':checked');
      var val = $('#price').val() * $('#quant').val();

      if (isCOD) 
      {
         val += myFunction3();
      }

      $('#demo').val(val);
     }
  });
  </script>

Answer 4

在其他情況下，請嘗試以下條件：

else if($('input#trigger[type=checkbox]').is(":checked"))