今天小编跟大家讲解下有关html中的javascript 全选/取消全选操作示例代码 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关html中的javascript 全选/取消全选操作示例代码 的相关资料，希望小伙伴们看了有所帮助。
复制代码代码如下: <html> <head> <meta http-equiv="Content-Type"content="text/html; charset=gb2312"/> <title>无标题文档</title> <script type="text/javascript"language="javascript"> function selectAllDels() { var allCheckBoxs = document.getElementsByName("preDelCheck"); var desc = document.getElementById("allChecked"); var selectOrUnselect=false; for(var i = 0; i < allCheckBoxs.length; i ++ ) { if(allCheckBoxs[i].checked){ selectOrUnselect=true; break; } } if (selectOrUnselect) { _allUnchecked(allCheckBoxs); }else { _allchecked(allCheckBoxs); } } function _allchecked(allCheckBoxs){ for(var i = 0; i < allCheckBoxs.length; i ++ ) { allCheckBoxs[i].checked = true; } } function _allUnchecked(allCheckBoxs){ for(var i = 0; i < allCheckBoxs.length; i ++ ) { allCheckBoxs[i].checked = false; } } </script> </head> <body> <p>test</p> <form> <input type="checkbox"name="preDelCheck"value="cream">ID1 <input type="checkbox"name="preDelCheck"value="sugar">ID2 <input type="checkbox"name="preDelCheck"value="sugar">ID3 <input type="checkbox"name="preDelCheck"value="sugar">ID4 <input type="checkbox"name="preDelCheck"value="sugar">ID5 <input type="button"id="allChecked"value="全选/取消全选"onClick="selectAllDels()"> </form> </body> </html>来源：爱蒂网
