首页 > 代码库 > 3_全选菜单

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     }

 

3_全选菜单