您的位置:首页 > Web前端 > JavaScript

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

2014-09-12 15:01 876 查看
看下面两种实现方法: 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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: