您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
JS+JSP checkBox 全选具体实现
作者：佚名 责任编辑：admin 更新时间：2022-06-22
本文为大家介绍下使用JS+JSP实现checkBox全选，下面有个不错的示例，感兴趣的朋友可以参考下
代码如下: <script> function func(){ var options=document.getElementsByName("chkBox"); for (var i=0;i<options.length;i++){ if(!options[i].disabled){ options[i].checked=true; } } } </script> <input type=checkbox name=chkBox value=1 disabled> <input type=checkbox name=chkBox value=1> <input type=checkbox name=chkBox value=1> <input type=checkbox name=chkBox value=1> <input type=button value="测 试" onclick="func()"> 用javascript吧。 代码如下: <html> <body> <script> function kk(){ var handleEl = document.getElementById("kkHandler"); var els = document.getElementsByName("kk"); for(i=0;i<els.length;i++){ els[i].checked = handleEl.checked; } } </script> <input type=checkbox onclick="kk()" name="kkHandler">全选<br> <input type=checkbox name="kk"> <input type=checkbox name="kk"> </body> </html> 2: 代码如下: <form name="form" ID="Form1"> <input type="checkbox" name="id" value="" ID="Checkbox1">1 <input type="checkbox" name="id" value="" ID="Checkbox2">2 <input type="checkbox" name="chose" value="" onclick="selectAll()" ID="Checkbox5">allselect </form> <script> function selectAll() { if(!document.form.id.length){ if(document.form.chose.checked){ document.form.id.checked=true; } else{ document.form.id.checked=false; } } else{ for(var i=0;i<document.form.id.length;i++){ if(document.form.chose.checked){ document.form.id[i].checked=true; } else{ document.form.id[i].checked=false; } } } } </script> 3: 代码如下: <input type='checkbox' name='info' value='a'> <input type='checkbox' name='info' value='b'> <input type='checkbox' name='info' value='c'> <input type='checkbox' name='info' value='d'> <input type='checkbox' name='info' value='e'><br> <input type='button' value =' 全选 'onclick='check_all();'> <script> function check_all(){ arr = document.getElementsByName('info'); for(i=0;i<arr.length;i++){ arr[i].checked = true; } } </script>- 上一个程序编程： 使用js完成节点的增删改复制等的操作
- 下一个程序编程： js检查手机访问进行手机网站代码
