百度地图API实战 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

为checkbox绑定事件

这一小节我们将用js为为checkbox绑定事件,并学会如何判断checkbox是否处于选中状态

1、获取所有的checkbox

var checkbox = document.getElementsByTagName('input');

2、for循环绑定点击事件,通过元素的checked属性判断是否选中

for(var i=0;i<checkbox.length;i++){
    checkbox[i].onclick = function(){
        if(this.checked){
            //相应的操作
        }
        else{
            //相应操作
        }
    }
}
在右侧代码框中填入相应代码,当checkbox被点击时弹出click的弹窗
alert('click');