1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <script type="text/javascript">
6 window.onload=function(){
7 // 返回带有指定标签名的对象的集合,注意Elements
8 var aInput=document.getElementsByTagName('input');
9 var aClick=document.getElementById('all');
10 var i;
11 aClick.onclick=function(){
12 // 点击全选,则全部选中
13 if(aClick.checked==true){
14 for(i=0;i<aInput.length;i++){
15 aInput[i].checked=true;}// 选择复选框
16 }
17 // 取消全选
18 else if(aClick.checked==false){
19 for(i=0;i<aInput.length;i++){
20 aInput[i].checked=false;}
21 }
22 };
23 };
24 </script>
25 </head>
26 <body>
27 <input id="all" type="checkbox">全选</br>
28 <input type="checkbox"></br>
29 <input type="checkbox"></br>
30 <input type="checkbox"></br>
31 <input type="checkbox"></br>
32 <input type="checkbox"></br>
33 <input type="checkbox"></br>
34 <input type="checkbox"></br>
35 </body>
36 </html>
![](https://images2015.cnblogs.com/blog/1134366/201705/1134366-20170503202605539-1030012088.png)