为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');