Exemplo do DataGrid:
<Colunas>
<asp:TemplateColumn>
<HeaderStyle Width="10px"></HeaderStyle>
<HeaderTemplate>
<INPUT id="CheckAll" name="CheckAll" type="checkbox" onclick="ChooseAll()">
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox id="CheckBox1" runat="server"></asp:CheckBox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="序号">
<HeaderStyle Wrap="False"></HeaderStyle>
<ItemTemplate>
<asp:Label runat="server" ID="labNO"></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
Configuração do JavaScript:
var checkFlag = true;
função EscolherTudo()
{
//if( !document.all("CheckAll").Checked ) // Configuração
if( checkFlag ) // O que fazer
{
var entradas = document.all.tags("ENTRADA");
for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input
{
if (inputs[i].type == "caixa de seleção" && inputs[i].id != "CheckAll" )
{
entradas[i].checked = verdadeiro;
}
}
checkFlag = falso;
}
else // 取消全选
{
var entradas = document.all.tags("ENTRADA");
for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input
{
if (inputs[i].type == "caixa de seleção" && inputs[i].id != "CheckAll" )
{
entradas[i].checked = falso;
}
}
checkFlag = verdadeiro;
}
}
// <resumo>
// 让用户加以确认删除数据。
// </sumário>
função DelRec()
{
var entradas = document.all.tags("entrada");
var selecionadoLen = 0;
for( var i=0;i < entradas.comprimento; i ++)
{
if(entradas[i].type == "caixa de seleção")
{
if(entradas[i].verificado)
{
if(inputs[i].id != "VerificarTudo")
{
selecionadoLen++;
}
}
}
}
if(selecionadoLen == 0 )
{
alert("请先选择您要删除的数据！");
}
outro
{
var flag = confirm("您确定要删除所选择的这 " + selectedLen + " 条数据吗？");
se(bandeira)
{
document.all("BtnDelRecord").click();
}
}
}