Go homepage(回首页)
Upload pictures (上传图片)
Write articles (发文字帖)

The author:(作者)归海一刀
published in(发表于) 2014/1/30 1:23:19
asp.net程序中实现checkbox全选代码_[Asp.Net教程]

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;
}


赞

If you have any requirements, please contact webmaster。(如果有什么要求，请联系站长)




QQ:154298438
QQ:417480759