javascript中具有多列复选框选择的Gridview

我正在应用程序中使用带有复选框的Gridview。 格式如下：

在gridview中，如果选中了header复选框，则该复选框下的所有后续复选框也应与header复选框一样选中或取消选中

为此，我使用java脚本函数作为

  function SelectAllFirstRow(ChK, cellno) 
{

         var gv = document.getElementById("ggvPage");
            for (var i = 1; i <= gv.rows.length - 1; i++) {
                var chk1 = gv.rows(i).cells(cellno).firstChild;
                chk1.checked = ChK.checked;
            }
 }

函数选择AllFirstRow（ChK，cellno）
{
var gv=document.getElementById（“ggvPage”）；
对于（var i=1；i使用函数。jQuery中的每个（）都使用此javascript。这只是一个示例。您可以根据需要修改它

 function SelectAllFirstRow(ChKAdd) 
    {
   if (ChKAdd.checked==false)
     {
      SelectCheck();
     }
    else
   {
    DeselectCheck()
    }
   }


function SelectCheck() {
        var flag;
        for (i = 0; i < document.forms[0].elements.length; i++) {
            elm = document.forms[0].elements[i];

            if ((elm.type == 'checkbox') && (elm.name == 'chkSelectAdd') && (elm.checked == false)) {
                elm.checked = true;
                changeColor(elm);
                flag = 1;
            }
        }
        return false;
    }

    function DeselectCheck() {
        for (i = 0; i < document.forms[0].elements.length; i++) {
            elm = document.forms[0].elements[i];

            if ((elm.type == 'checkbox') && (elm.name == 'chkSelectAdd') && (elm.checked == true)) {
                elm.checked = false;
                changeColor(elm);
            }

        }

        return false;
    }

// changes the color of the selected row

function changeColor(chkBox) {

        var rowVar = chkBox.parentNode.parentNode;
        if (chkBox.checked) {
            rowVar.style.backgroundColor = "#EDEDED";
        }
        else {
            rowVar.style.backgroundColor = "#FFFFFF";
        }
    }

函数选择AllFirstRow（ChKAdd）
{
如果（ChKAdd.checked==false）
{
选择Check（）；
}
其他的
{
取消选中（）
}
}
函数SelectCheck（）{
var标志；
对于（i=0；i

其中，chkAdd是用于添加的标题处复选框的名称，chkSelectAdd是添加标题下GridView中复选框的名称

在GridView的ItemTemplate中，如下所示

<ItemTemplate>
                               <input  name="chkSelectAdd" type="checkbox" value='<%#DataBinder.Eval(Container.DataItem,"ID") %>'
                                        onclick='javascript: changeColor(this)' />
                           </ItemTemplate>