abstract：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>我的作业</title>
<style type="text/css">
#Bottom{background-color: #ccc;width:200px;height: 400px;}
</style>
<script type="text/javascript">
function checkall(){
var checkall=document.getElementById('checkall');
var item=document.getElementsByName('item[]');
var i=0;
while(i<item.length){
if(checkall.checked){
item[i].checked=true;
}
else {
item[i].checked=false;
}
i++;
}
}
</script>
</head>
<body>
<div class=""id="Bottom">
<div class="">
<input type="checkbox" name="" value=""id="checkall"onclick="checkall()"><label for="checkall">全选</label>
</div>
<input type="checkbox"name="item[]">选项<br>
<input type="checkbox"name="item[]">选项<br>
<input type="checkbox"name="item[]">选项<br>
<input type="checkbox"name="item[]">选项<br>
<input type="checkbox"name="item[]">选项<br>
<input type="checkbox"name="item[]">选项<br>
<input type="checkbox"name="item[]">选项<br>
<input type="checkbox"name="item[]">选项<br>
<input type="checkbox"name="item[]">选项<br>
<input type="checkbox"name="item[]">选项<br>
</div>
</body>
</html>
如何实现我可以明白，但是为什么加循环我不懂了，input里name都是一样的item[]，难道不是跟css一样 设置同一个class下的 全部发生变化吗？
Correcting teacher：韦小宝Correction time：2019-03-02 09:08:00
Teacher's summary：加了循环也就是循环item数组中选择的数据 如果不加循环 或者name的值不是数组 那么全选就会失效 你可以试试看