鲁中-O-华仔

夫君子之行,静以修身,俭以养德,非淡泊无以明志,非宁静无以致远。

导航

3_全选菜单

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     }

 

posted on 2014-08-26 16:43  鲁中-O-华仔  阅读(120)  评论(0编辑  收藏  举报