首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用纯javascript (非jQuery)触发复选框更改事件

使用纯JavaScript触发复选框更改事件的方法如下:

  1. 获取目标复选框的引用:
代码语言:txt
复制
var checkbox = document.getElementById("checkboxId");
  1. 添加事件监听器:
代码语言:txt
复制
checkbox.addEventListener("change", function() {
    // 复选框状态更改时执行的代码
});
  1. 编写要执行的代码,可以在事件监听器中直接编写或调用其他函数。

示例代码如下:

代码语言:txt
复制
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元素时它们已经被正确加载。

这是一个简单的例子,可以根据实际需求进行扩展。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的视频

领券