多种方法实现checkbox全选、取消全选、删除功能-白红宇

多种方法实现checkbox全选、取消全选、删除功能

阅读量：5254 次

发布时间：2019-06-14

本文共 2165 字，大约阅读时间需要 7 分钟。

看下面两种实现方法：

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> 

转载于:https://www.cnblogs.com/xiaoyunxiao/archive/2012/04/04/2431589.html

你可能感兴趣的文章

The Reflection And Amplification Attacks && NTP Reply Flood Attack Based On NTP

Windows API　弹出文本框输入的内容

查看>>

UVALive - 6571 It Can Be Arranged 最大流

查看>>

Javascript学习笔记（二）在HTML中使用Javascript

查看>>

完全背包

查看>>

Cookie、 LocalStorage 与 SessionStorage详解

国土档案管理信息系统【档案著录】-他项权利类档案著录

webgame(php+flex) 的优化方案。

查看>>

Xamarin Studio –Project not built in active configuration

查看>>

Linux服务器丢包故障的解决思路及引申的TCP/IP协议栈理论