HTML checkbox 选中事件

HTML checkbox 选中事件可以使用 JavaScript 来实现。当用户点击一个 checkbox 时，可以触发 onchange 事件，然后在事件处理程序中检查该 checkbox 是否被选中。

以下是一个简单的示例：

<input type="checkbox" id="myCheckbox" onchange="handleCheckboxChange()">

<script>
function handleCheckboxChange() {
  var checkbox = document.getElementById("myCheckbox");
  if (checkbox.checked) {
    console.log("Checkbox is checked");
  } else {
    console.log("Checkbox is not checked");
  }
}
</script>

在这个示例中，我们为 checkbox 元素添加了 onchange 事件处理程序。当 checkbox 被选中或取消选中时，handleCheckboxChange() 函数会被调用。在该函数中，我们首先获取 checkbox 元素，然后检查它是否被选中。如果被选中，就输出一条消息到控制台，否则输出另一条消息。

相关问题

jquery checkbox 选中事件

可以使用 jQuery 的 `change()` 事件来监听 checkbox 的选中状态变化。示例代码如下：

<input type="checkbox" id="myCheckbox">选项1</input>

<script>
  $(document).ready(function() {
    $('#myCheckbox').change(function() {
      if($(this).is(':checked')) {
        console.log('选中了');
      } else {
        console.log('取消选中');
      }
    });
  });
</script>

当用户点击复选框时，`change()` 事件会触发，然后根据 `is(':checked')` 方法的返回值来判断是否选中了。如果选中了，就执行选中后的操作；否则执行取消选中后的操作。

checkbox选中触发事件

当 checkbox 被选中时，可以通过 JavaScript 监听其 `change` 事件来执行相关操作。以下是一个示例：

<input type="checkbox" id="myCheckbox">

<script>
  const checkbox = document.getElementById('myCheckbox');
  checkbox.addEventListener('change', function() {
    if (this.checked) {
      console.log('Checkbox is checked!');
      // 执行其他操作
    } else {
      console.log('Checkbox is unchecked!');
      // 执行其他操作
    }
  });
</script>

在以上示例中，当 `myCheckbox` 被选中或取消选中时，会打印相应的消息，并且可以在条件语句中执行其他操作。