怎么利用js代码给<input type="checkbox" id="apiCheckbox" >添加改变事件

你可以使用 JavaScript 代码为 `<input type="checkbox" id="apiCheckbox">` 元素添加改变事件。以下是一个示例：

const checkbox = document.getElementById("apiCheckbox");

checkbox.addEventListener("change", function() {
  if (this.checked) {
    // 当复选框被选中时执行的代码
    console.log("复选框已选中");
  } else {
    // 当复选框被取消选中时执行的代码
    console.log("复选框未选中");
  }
});

上述代码首先通过 `getElementById` 方法获取到具有指定 `id` 的元素，并将其赋值给变量 `checkbox`。然后，使用 `addEventListener` 方法为 `checkbox` 元素添加一个 `"change"` 事件监听器。当复选框的状态发生改变时，事件监听器中的回调函数将被触发。在回调函数中，你可以根据复选框的状态执行相应的操作。以上示例中，当复选框被选中时，会在控制台打印出 `"复选框已选中"`，当复选框被取消选中时，会打印出 `"复选框未选中"`。你可以根据自己的需求修改回调函数中的代码。