作家
登录

比较全的JS checkbox全选、取消全选、删除功能代码

作者: 来源:www.28hudong.com 2013-03-30 02:47:51 阅读 我要评论

看下面两种实现方法: JS checkbox 方法一: 复制代码 代码如下:function checkAll() { var code_Values = document.all['code_Value']; if(code_Values.length){ for(var i=0;i<code_Values.length;i++) { code_Values[i].checked = true; } }else{ code_Values.checked = true; } } function uncheckAll() { var code_Values = document.all['code_Value']; if(code_Values.length){ for(var i=0;i<code_Values.length;i++) { code_Values[i].checked = false; } }else{ code_Values.checked = false; } } function multipleDelete() { var num = 0; var code_Values = document.all['code_Value']; if(code_Values.length){ for(var i=0;i<code_Values.length;i++) { if(code_Values[i].checked == true) { num ++; } } }else{ if(code_Values.checked == true){ num ++ ; } } if(num == 0){ alert('Please select delete item'); } if(num >0){ document.BuCodeSearch.action = '<%=EusUtil.getPage("lookup.generic.bucode.delete.s")%>'; document.BuCodeSearch.submit(); } } </script> JS checkbox方法二: 复制代码 代码如下:function checkAll() { var code_Values = document.getElementsByTagName("input"); for(i = 0;i < code_Values.length;i++){ if(code_Values[i].type == "checkbox") { code_Values[i].checked = true; } } } function uncheckAll() { var code_Values = document.getElementsByTagName("input"); for(i = 0;i < code_Values.length;i++){ if(code_Values[i].type == "checkbox") { code_Values[i].checked = false; } } } function multipleDelete() { if (document.BuCodeSearch.elements["code_Value"]) { var num = 0; var fm = document.BuCodeSearch; if (document.BuCodeSearch.elements["code_Value"]) { var elm = document.BuCodeSearch.elements["code_Value"]; var ename = "code_Value"; if (elm.length) { var len = fm.elements[ename].length; for (var i = 0; i< len; i++) { var e = fm.elements[ename][i]; if (e.checked == true){ num++; } } } else { if (elm.checked == true ) { num++; } } if (num > 0 ) { document.BuCodeSearch.action = '<%=EusUtil.getPage("lookup.generic.bucode.delete.s")%>'; document.BuCodeSearch.submit(); } } } } code_Value为checkbox表单的名称,BuCodeSearch为form名称 复制代码 代码如下:<td align="left" width="20"><input type="checkbox" name="code_Value" value="<%=userDefFieldValueBean.getUdfValue()%>"></td>

  推荐阅读

  关于IE7 IE8弹出窗口顶上

复制代码 代码如下:1. <script type="text/javascript"> 2. function doInput() 3. { 4. var win = window.showModalDialog("http://www.baidu.com?source="+Math.random(),window,"dialogWidth=350px;dialogHeigh>>>详细阅读


本文标题:比较全的JS checkbox全选、取消全选、删除功能代码

地址:http://www.17bianji.com/kaifa2/JS/29108.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)