如何使用 JavaScript 选中取消选中复选框？

复选框（Checkbox）是 HTML 表单中常用的组件之一。在 JavaScript 中，我们可以使用 checked 属性来选中或取消选中一个复选框。

下面是一个简单的 HTML 示例：

<input type="checkbox" id="myCheckbox">选中我</input>

要通过 JavaScript 选中或取消选中该复选框，可以通过以下两种方式：

1. 使用 DOM 获取并操作复选框元素

// 获取复选框元素
let checkbox = document.getElementById("myCheckbox");

// 选中复选框
checkbox.checked = true;

// 取消选中复选框
checkbox.checked = false;

以上代码首先通过 document.getElementById() 方法获取到了 id 为 myCheckbox 的复选框元素对象，然后分别为 checked 属性赋值 true 和 false，即选中和取消选中。

2. 监听复选框的 click 事件

这种方式需要先给复选框元素添加一个 click 事件监听器，当复选框被点击时触发回调函数，可以在回调函数中获取到复选框当前的选中状态。

// 获取复选框元素
let checkbox = document.getElementById("myCheckbox");

// 添加 click 事件监听器
checkbox.addEventListener("click", function() {
  if(this.checked) {
    console.log("复选框被选中了！");
  } else {
    console.log("复选框被取消选中了。");
  }
});

以上代码中，我们使用 addEventListener() 方法为 myCheckbox 元素添加了一个 click 事件监听器。当复选框被点击后，回调函数中会根据 checked 属性的值打印出不同的信息。

以上两种方式都可以用来选中或取消选中一个复选框。如果需要在表单提交时获取选中的复选框的值，可以遍历所有复选框元素的 checked 属性来判断其是否被选中。