Javascript 复选框 onChange

Question

我在表单中有一个复选框，我希望它根据以下场景工作:

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

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

Answer 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" />