| 标题 | 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> |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。