选中或取消选中复选框时如何更改其值

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"))