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<br><input type="checkbox" name="preDelCheck" value="sugar" >ID2<br><input type="checkbox" name="preDelCheck" value="sugar">ID3<br><input type="checkbox" name="preDelCheck" value="sugar">ID4<br><input type="checkbox" name="preDelCheck" value="sugar">ID5<br><input type="button" id="allChecked" value="全选/取消全选" onClick="selectAllDels()"></form></body></html>