3_全选菜单鲁中O

HTML代码：

 1 <p id="btn">全选</p>
 2 <input type="checkbox"/><br />
 3 <input type="checkbox"/><br />
 4 <input type="checkbox"/><br />
 5 <input type="checkbox"/><br />
 6 <input type="checkbox"/><br />
 7 <input type="checkbox"/><br />
 8 <input type="checkbox"/><br />
 9 <input type="checkbox"/><br />
10 <input type="checkbox"/><br />
11 <input type="checkbox"/><br />
12 <input type="checkbox"/><br />
13 <input type="checkbox"/><br />
14 <input type="checkbox"/><br />
15 <input type="checkbox"/><br />
16 <input type="checkbox"/><br />

JS代码：

1 window.onload=function(){
2     var oBtn=document.getElementById('btn');
3     var oInput=document.getElementsByTagName('input');
4     var i=0;
5 oBtn.onclick=function(){
6         for(i=0;i<oInput.length;i++){
7             oInput[i].checked=true;}
8         };
9     }

3_全选菜单 鲁中O

3_全选菜单鲁中O