js checkbox选中和不选中触发的事件

在JavaScript中，可以通过监听checkbox的onchange事件来实现当checkbox被选中或取消选中时触发的事件。当checkbox被选中时，该事件的返回值为true，否则为false。

在HTML中，可以使用以下方式来创建checkbox：

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

其中，onchange属性绑定了一个函数myFunction()，该函数将在checkbox状态改变时被调用。

我们可以在该函数中获取checkbox的状态，通过判断其是否被选中，来执行相应的逻辑。例如：

function myFunction() {
var checkBox = document.getElementById("myCheckbox");
if (checkBox.checked == true){
// 当checkbox被选中时执行的逻辑
console.log("Checkbox Checked");
} else {
// 当checkbox被取消选中时执行的逻辑
console.log("Checkbox Unchecked");
}
}

当我们点击checkbox时，控制台将分别输出"Checkbox Checked"或"Checkbox Unchecked"，以对应不同的状态。

除了使用onchange事件，我们还可以监听其他事件，例如onclick、onmouseup等。不同的事件类型可能会在不同的情况下被触发，需要根据具体需求和场景选择合适的事件类型。