All articles(网络文学目录) All Pictures(图片目录) All Softwares(软件目录)

 
asp.net程序中实现checkbox全选代码_[Asp.Net教程]

Writer: 归海一刀 Article type: Programming skills(编程技巧) Time: 2014/1/30 1:23:19 Browse times: 307 Comment times: 0

asp.net程序中实现checkbox全选代码_[Asp.Net教程]


Head photo

Go homepage
Upload pictures
Write articles

asp.net程序中实现checkbox全选代码_[Asp.Net教程] 程序开发中经常会要用到checkbox的全选,通常情况下是在一些数据绑定控件中如gridview 等 。下面以repeater 为例,在repeater的header 和item中放入checkbox控件









’ onclick="checkAll(’chkAll’,this);"/>







下面就是js脚本了
checkAll方法是实现checkbox的全选和取消全选的
function checkAll(chkAllID,thisObj)
{
var chkAll = document.getElementById(chkAllID);
var chks = document.getElementsByTagName("input");
var chkNo = 0;
var selectNo = 0;
for(var i =0; i < chks.length; i++)
{
if(chks[i].type == "checkbox")
{
//全选触发事件
if(chkAll == thisObj)
{
chks[i].checked = thisObj.checked;
}
//非全选触发
else
{
if(chks[i].checked && chks[i].id != chkAllID)
selectNo++;
}
if(chks[i].id != chkAllID)
{
chkNo++;
}
}
}
if(chkAll != thisObj)
{
chkAll.checked = chkNo==selectNo;
}
}

checkSelectNo 函数是用来获取 所有checkbox 选中的个数 这个在用来判断 是否有勾选时非常有用。
function checkSelectNo(chkAllID)
{
var chks = document.getElementsByTagName("input");
var selectNo =0;
for(var i =0; i < chks.length; i++)
{
if(chks[i].type == "checkbox")
{
if(chks[i].id != chkAllID && chks[i].checked)
{
selectNo++;
}
}
}
return selectNo;
}




There are 0 records,
Comment:
Must be registered users to comment(必须是注册用户才能发表评论)

Disclaimer Privacy Policy About us Site Map
Copyright ©2011-
uuhomepage.com, Inc. All rights reserved.