Javascript

  // on toggle method
  // to check status of checkbox
  function onToggle() {
    // check if checkbox is checked
    if (document.querySelector('#my-checkbox').checked) {
      // if checked
      console.log('checked');
    } else {
      // if unchecked
      console.log('unchecked');
    }
  }

HTML

<input id=“my-checkbox” type=“checkbox” onclick=“onToggle（）”>

try

totalCost.value = checkbox.checked ? 10 : calculate();

函数更改(复选框){ totalCost。Value =复选框。检查?10:计算(); ｝ 函数compute () { 返回other.value * 2; ｝ 输入{显示:块} <input type=" Checkbox " onclick="change(this) "" / > 总成本:<input id="totalCost" type="number" value=5 /> Other: <input id=" Other " type="number" value=7 />

下面的解决方案使用jquery。让我们假设您有一个id为checkboxId的复选框。

const checkbox = $("#checkboxId");

checkbox.change(function(event) {
    var checkbox = event.target;
    if (checkbox.checked) {
        //Checkbox has been checked
    } else {
        //Checkbox has been unchecked
    }
});

Javascript

  // on toggle method
  // to check status of checkbox
  function onToggle() {
    // check if checkbox is checked
    if (document.querySelector('#my-checkbox').checked) {
      // if checked
      console.log('checked');
    } else {
      // if unchecked
      console.log('unchecked');
    }
  }

HTML

<input id=“my-checkbox” type=“checkbox” onclick=“onToggle（）”>

如果你正在使用jQuery..那么我可以提出以下建议: 注意:我在这里做了一些假设

$('#my_checkbox').click(function(){
    if($(this).is(':checked')){
        $('input[name="totalCost"]').val(10);
    } else {
        calculate();
    }
});

纯javascript:

const checkbox = document.getElementById('myCheckbox') 复选框。addEventListener('change'， (event) => { if (event.currentTarget.checked) { alert('检查'); }其他{ 警报(“不检查”); ｝ }) 我的Checkbox: <input id="myCheckbox" type=" Checkbox" />