Javascript 复选框 onChange

javascript checkbox

2022-08-30 01:26:57

我在表单中有一个复选框，我希望它根据以下情况工作：

如果有人检查它，则文本字段（）的值应设置为。totalCost10
然后，如果我返回并取消选中它，则函数会根据表单中的其他参数设置的值。calculate()totalCost

所以基本上，我需要一个部分，当我选中复选框时，我做一件事，当我取消选中它时，我做另一件事。

答案 1

纯 javascript：

const checkbox = document.getElementById('myCheckbox')

checkbox.addEventListener('change', (event) => {
  if (event.currentTarget.checked) {
    alert('checked');
  } else {
    alert('not checked');
  }
})

My Checkbox: <input id="myCheckbox" type="checkbox" />

答案 2

function calc()
{
  if (document.getElementById('xxx').checked) 
  {
      document.getElementById('totalCost').value = 10;
  } else {
      calculate();
  }
}

断续器

<input type="checkbox" id="xxx" name="xxx" onclick="calc();"/>