GridView中CheckBox全选

GridView中CheckBox全选
1.当眉头点击时,下面的DataRow全选与否

function selectAll(opt)
{
    var chkArray = window.document.getElementsByTagName("input");
    var isCheck = opt.checked;
   
    for(var i = 0; i< chkArray.length; i++)
    {
        if(chkArray[i].type != "checkbox")
        {
            continue;
        }
        if(opt != chkArray[i])
        {
            chkArray[i].checked = isCheck;
        }
    }
}

2.当点击DataRow时,眉头checkbox选中与否

 function chkcheckedall(chkname)
{
    var flag=false;
    var elem=null;
   for(i=0;i<22;i++)
          {
            if(i<10)
              elem=document.getElementById('ctl00_maincontent_FSLGridView1_ctl'+'0'+i+'_'+chkname);
            else
              elem=document.getElementById('ctl00_maincontent_FSLGridView1_ctl'+i+'_'+chkname);
            if(elem!=null)
            {
                if(elem.checked)
                    {flag=true;continue;}
                else
                    {flag=false;break;}
            }
          }
            if(flag)
            document.getElementById("ctl00_maincontent_FSLGridView1_ctl01_chkAll").checked=true;
            else
            document.getElementById("ctl00_maincontent_FSLGridView1_ctl01_chkAll").checked=false;
}

 

 

页面代码:

   <asp:TemplateField>
                        <HeaderTemplate>
                            <asp:CheckBox ID="chkAll" runat="server"
                                onclick="selectAll(this)"/>
                        </HeaderTemplate>
                        <ItemTemplate>
                            <asp:CheckBox ID="chkSelected" runat="server"
                                Checked='<%# IsSelected(Eval("ID") as string) %>' onclick="chkcheckedall('chkSelected')" />
                        </ItemTemplate>
                     </asp:TemplateField>

 

posted @ 2009-02-22 12:09  瑞君  Views(199)  Comments(0)    收藏  举报