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>
