<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>全选 全不选 反选</title>
</head>
<body>
<input type="checkbox">纪梵希<br>
<input type="checkbox">香奈儿<br>
<input type="checkbox">阿玛尼<br>
<input type="checkbox">馥蕾诗<br>
<button>全选</button>
<button>全不选</button>
<button>反选</button>
<script>
var btns = document.getElementsByTagName('button');
var inps = document.getElementsByTagName('input');
// 全选
btns[0].onclick=function(){
for(var i=0;i<inps.length;i++){
// 修改checked的值
inps[i].checked=true;
}
}
// 全不选
btns[1].onclick=function(){
for(var i=0;i<inps.length;i++){
inps[i].checked=false;
}
}
// 反选
btns[2].onclick=function(){
for(var i = 0;i<inps.length;i++){
inps[i].checked = !inps[i].checked;
}
}
</script>
</body>
</html>
06-18
06-21
06-21
06-21
“相关推荐”对你有帮助么?
-
非常没帮助
-
没帮助
-
一般
-
有帮助
-
非常有帮助
提交