js checkbox 选中

在JavaScript中，checkbox是一个复选框元素，用户可以选择一个或多个选项。当用户点击checkbox使其变为选中状态时，通常会改变其`checked`属性为`true`。你可以使用JavaScript的DOM操作来控制这个行为，例如：

// 获取单个checkbox元素
const checkbox = document.getElementById('myCheckbox');

// 监听checkbox的change事件（包括点击）
checkbox.addEventListener('change', function() {
  if (this.checked) {
    // 当checkbox被选中时，执行这里的操作
    console.log('Checkbox已选中');
    // 可能的操作，比如提交表单数据
    // checkbox.form.submit();
  } else {
    // 当checkbox未选中时，执行这里
    console.log('Checkbox已取消选中');
  }
});

// 或者直接设置checkbox的状态
checkbox.checked = true; // 设置为选中
checkbox.checked = false; // 设置为未选中

如果你想批量操作一组checkbox，可以使用数组和循环：

const checkboxes = document.querySelectorAll('input[type="checkbox"]');
checkboxes.forEach(function(checkbox) {
  // 操作同上
  checkbox.addEventListener('change', function() {
    if (this.checked) {
      console.log(this.value + '已被选中');
    } else {
      console.log(this.value + '已取消选中');
    }
  });
});