| 标题 | 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> |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。