如何绑定checkbox的选中

要绑定 checkbox 的选中状态，可以使用 onchange 事件。当 checkbox 的选中状态发生变化时，这个事件就会触发。可以在事件处理函数中获取 checkbox 的选中状态，然后进行相应的处理。

以下是一个绑定 checkbox 的选中状态的示例代码：

HTML 代码：

<input type="checkbox" id="myCheckbox"> 点击我

JavaScript 代码：

var myCheckbox = document.getElementById("myCheckbox");
myCheckbox.onchange = function() {
  if (this.checked) {
    console.log("checkbox 被选中了");
    // 在这里执行选中后的操作
  } else {
    console.log("checkbox 被取消选中");
    // 在这里执行取消选中后的操作
  }
}

在这个示例中，首先通过 document.getElementById 方法获取了 id 为 myCheckbox 的 checkbox 元素。然后通过给 checkbox 的 onchange 事件绑定一个事件处理函数，当 checkbox 的选中状态发生变化时，就会触发这个事件处理函数。

在事件处理函数中，首先通过 this.checked 获取了 checkbox 的选中状态，如果选中了，就执行了选中后的操作；如果取消选中了，就执行了取消选中后的操作。