使用纯JavaScript触发复选框更改事件的方法如下:
var checkbox = document.getElementById("checkboxId");
checkbox.addEventListener("change", function() {
// 复选框状态更改时执行的代码
});
示例代码如下:
var checkbox = document.getElementById("checkboxId");
checkbox.addEventListener("change", function() {
if (checkbox.checked) {
console.log("复选框被选中");
} else {
console.log("复选框未被选中");
}
});
以上代码中,通过document.getElementById("checkboxId")
获取了一个id为"checkboxId"的复选框的引用,并使用addEventListener
方法添加了一个"change"事件监听器。在事件监听器中,判断复选框的状态(通过checkbox.checked
属性),如果被选中则输出"复选框被选中",否则输出"复选框未被选中"。
需要注意的是,要将上述代码放在文档加载完成之后执行,或者将代码放在window.onload
事件处理程序中,以确保在处理DOM元素时它们已经被正确加载。
这是一个简单的例子,可以根据实际需求进行扩展。
领取专属 10元无门槛券
手把手带您无忧上云