DataGrid 的 全选/取消全选 控制(CheckBox)

DataGrid控件:

　　<Columns>
<asp:TemplateColumn>
<HeaderStyleWidth="10px"></HeaderStyle>
<HeaderTemplate>
<INPUTid="CheckAll"name="CheckAll"type="checkbox"οnclick="ChooseAll()">
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBoxid="CheckBox1"runat="server"></asp:CheckBox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumnHeaderText="序号">
<HeaderStyleWrap="False"></HeaderStyle>
<ItemTemplate>
<asp:Labelrunat="server"ID="labNO"></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>

JavaScript函数:

　　varcheckFlag=true;
　　　　functionChooseAll()
　　　　{
　　　　　　//if(!document.all("CheckAll").Checked)//全选　
　　　　　　if(checkFlag)//全选　
　　　　　　{
　　　　　　　　varinputs=document.all.tags("INPUT");
　　　　　　　　for(vari=0;i<inputs.length;i++)//遍历页面上所有的input
　　　　　　　　{
　　　　　　　　　　if(inputs[i].type=="checkbox"&&inputs[i].id!="CheckAll")
　　　　　　　　　　{
　　　　　　　　　　　　inputs[i].checked=true;
　　　　　　　　　　}
　　　　　　　　}
　　　　　　　　checkFlag=false;
　　　　　　}
　　　　　　else//取消全选
　　　　　　{
　　　　　　　　varinputs=document.all.tags("INPUT");
　　　　　　　　for(vari=0;i<inputs.length;i++)//遍历页面上所有的input
　　　　　　　　{
　　　　　　　　　　if(inputs[i].type=="checkbox"&&inputs[i].id!="CheckAll")
　　　　　　　　　　{
　　　　　　　　　　　　inputs[i].checked=false;
　　　　　　　　　　}
　　　　　　　　}
　　　　　　　　checkFlag=true;
　　　　　　}
　　　　}

　　　　//<summary>
　　　　//让用户加以确认删除数据。
　　　　//</summary>
　　　　functionDelRec()
　　　　{
　　　　　　varinputs=document.all.tags("input");
　　　　　　varselectedLen=0;
　　　　　　for(vari=0;i<inputs.length;i++)
　　　　　　{
　　　　　　　　if(inputs[i].type=="checkbox")
　　　　　　　　{
　　　　　　　　　　if(inputs[i].checked)
　　　　　　　　　　{
　　　　　　　　　　　　if(inputs[i].id!="CheckAll")
　　　　　　　　　　　　{
　　　　　　　　　　　　　　selectedLen++;
　　　　　　　　　　　　}
　　　　　　　　　　}
　　　　　　　　}
　　　　　　}
　　　　　　if(selectedLen==0)
　　　　　　{
　　　　　　　　alert("请先选择您要删除的数据！");
　　　　　　}
　　　　　　else
　　　　　　{
　　　　　　　　varflag=confirm("您确定要删除所选择的这"+selectedLen+"条数据吗？");
　　　　　　　　if(flag)
　　　　　　　　{
　　　　　　　　　　document.all("BtnDelRecord").click();
　　　　　　　　}
　　　　　　}
　　　　}