比较全的JS checkbox全选、取消全选、删除功能代码
比较全的JS checkbox全选、取消全选、删除功能代码
发布时间:2016-12-30 来源:查字典编辑
摘要:看下面两种实现方法:JScheckbox方法一:复制代码代码如下:functioncheckAll(){varcode_Values=doc...

看下面两种实现方法:

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>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类