body中
<body> <input type="button" name="name" value="全选" id="btnAll" /> <input type="button" name="name" value="全不选" id="btnNoAll" /> <input type="button" name="name" value="反选" id="btnFanXuan" /> <fieldset> <legend>歌曲</legend> <input type="checkbox" name="name" value="1" />真的爱你 <input type="checkbox" name="name" value="1" />the show <input type="checkbox" name="name" value="1" />我的太阳 <input type="checkbox" name="name" value="1" />再回首<br /> <input type="checkbox" name="name" value="1" />光辉岁月 <input type="checkbox" name="name" value="1" />好久不见 <input type="checkbox" name="name" value="1" />周杰棍的双杰伦 </fieldset> </body>
<script>标签中
<script type="text/javascript"> //全选 document.getElementById('btnAll').onclick = function () { //获取悬索input标签 var chks = document.getElementsByTagName('input'); for (var i = 0; i < chks.length; i++) { if(chks[i].type=='checkbox')//获取所有checkbox { chks[i].checked = true; } } }; //全不选 document.getElementById('btnNoAll').onclick = function () { var chks = document.getElementsByTagName('input'); for (var i = 0; i < chks.length; i++) { if (chks[i].type == 'checkbox') { chks[i].checked = false; } } }; //反选 document.getElementById('btnFanXuan').onclick = function () { var chks = document.getElementsByTagName('input'); for (var i = 0; i < chks.length; i++) { if (chks[i].type == 'checkbox') { chks[i].checked = !chks[i].checked; } } }; </script>