这个全选哪里出问题了
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content=" ">
<title>Document</title>
<style type="text/css">
*{margin: 0;padding: 0;}
a{text-decoration: none;color: #333;}
ul,li{list-style: none;}
body{font-size: 14px;font-family: "微软雅黑";}
</style>
</head>
<body>
<label>学习<input type="checkbox" /></label>
<label>看电影<input type="checkbox" /></label>
<label>健身<input type="checkbox" /></label>
<label>射箭<input type="checkbox" /></label>
<label>美女<input type="checkbox" /></label>
<label>开火车<input type="checkbox" /></label>
<div id="a">全选</div>
<div id="b">反选</div>
<script type="text/javascript">
var input=document.getElementsByTagName("input");
var a=document.getElementById("a");
var b=document.getElementById("b");
for(var i=0;i<input.length;i++){
a.onclick=function(){
input[i].checked=true;
}
}
</script>
</body>
</html>
慕先生44633971回答
-
千秋此意
var input = document.getElementsByTagName("input"); var a = document.getElementById("a"); var b = document.getElementById("b"); a.onclick = function() { for (var i = 0; i < input.length; i++) { input[i].checked = true; } } b.onclick = function() { for (var i = 0; i < input.length; i++) { input[i].checked = input[i].checked ? false : true; } }这样改
随时随地看视频慕课网APP
相关分类
JavaScript