使用masterpage的情况下如何使用js实现repeater控件里的checkbox全选

原创于 2008-12-21 18:16:00 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #input

本文介绍了一种使用JavaScript实现复选框全选功能的方法。通过定义SelectAll、IsMatch及IsCheckBox等函数，实现了对页面上特定前缀的复选框进行统一控制的功能。文章详细解释了各函数的作用及aspx页面中的应用实例。

先看js文件

function SelectAll(parentChk, ChildId, bigControlID) {

var oElements = document.getElementsByTagName("INPUT");

var bIsChecked = parentChk.checked;

    for (i = 0; i < oElements.length; i++) {
        if (IsCheckBox(oElements[i]) &&
IsMatch(oElements[i].id, ChildId, bigControlID)) {
            oElements[i].checked = bIsChecked;
        }
    }
}

function IsMatch(id, ChildId, controlID) {

    var sPattern = '^' + controlID + '_+.*' + ChildId + '$';

    var oRegExp = new RegExp(sPattern);
    if (oRegExp.exec(id))
        return true;
    else
        return false;
}

function IsCheckBox(chk) {
if (chk.type == 'checkbox') return true;
else return false;
}

然后看aspx页面内容

这个checkallmymsg是在Reptomemessage的页脚模里的。

解释下onclick="SelectAll(this,'chkItem','<%=Reptomemessage.ClientID%>')"

中３个参数意思

this是"全选"checkbox

chkItem是repeater里的其它checkbox,通常就是每一行数据前面的那个选择用的checkbox,在这要注意Repeater里的checkbox也要叫chkItem否则是找不到的

Reptomemessage.ClientID，Repter的clientid，用来做checkbox查找用的。