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