前端ABC<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>qdabc.cn</title>
</head>
<body>
元宵节灯会:<input type="checkbox" />园博园
<input type="checkbox" />蓝色港湾
<input type="checkbox" />什刹海
<input type="checkbox" />地坛公园<br/>
<input type="button" value="全选"/>
<input type="button" value="取消全选"/>
<input type="button" value="反选"/>
</body>
</html>
<script type="text/javascript">
var btn=document.getElementsByTagName("input");
btn[4].onclick=function(){
for(var i=0;i<4;i++){
btn[i].checked=true;
}
}
btn[5].onclick=function(){
for(var i=0;i<4;i++){
btn[i].checked=false;
}
}
btn[6].onclick=function(){
for(var i=0;i<4;i++){
if(btn[i].checked==true){
btn[i].checked=false;
}else{
btn[i].checked=true;
}
}
}
</script>
欢迎分享本文，转载请保留出处：前端ABC » 全选取消选择反选DOM属性节点操作