使用JavaScript实现复选框全选与取消的功能
实现效果:
html代码:
1 <body> 2 3 <input type="checkbox" id="checkAll"/>全选<br> 4 <hr> 5 <input type="checkbox" name="color"/>红色<br> 6 <input type="checkbox" name="color"/>黄色<br> 7 <input type="checkbox" name="color"/>蓝色<br> 8 9 </body>
JS代码:
1 <script> 2 window.onload=function() 3 { 4 document.getElementById("checkAll").onclick = checkall; 5 } 6 function checkall() 7 { 8 var dom = document.getElementById("checkAll"); 9 var doms = document.getElementsByName("color"); 10 for(var i = 0;i<doms.length;i++) 11 { 12 doms.item(i).checked = dom.checked; 13 } 14 } 15 </script>