码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-07-29 00:26:18      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

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> 

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

标签:

原文地址:http://www.cnblogs.com/Gbeniot/p/4684587.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!