<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="checkbox" id="sel-all">全选/全不选
<input type="checkbox" id="unsel"> 反选<br>
<label for="">兴趣：</label>
<div id="box">
<input type="checkbox">玩游戏
<input type="checkbox">游泳
<input type="checkbox">爬山
<input type="checkbox">读书
<input type="checkbox">唱歌
</div>
<script type="text/javascript">
var o= document.getElementById('box');
var ips=o.getElementsByTagName('input');//找到所有的兴趣
//全选/全不选事件
document.getElementById('sel-all').onchange=function () {
console.log(this.checked);
//遍历所有的节点
for(var i =0;i<ips.length;i++){
ips[i].checked=this.checked;
// if(this.checked){
// ips[i].checked=true;
// }else{
// ips[i].checked=false;
// }
}
};
//反选
document.getElementById('unsel').onchange=function () {
// console.log('chagne');
for(var j=0;j<ips.length;j++){
ips[j].checked=!ips[j].checked;//改变状态
}
};
</script>
</body>
</html>
扫一扫
482
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
