DataGrid の「すべて選択」/「すべて選択解除」コントロール (チェックボックス)

DataGrid コントロール:

<列>
<asp:TemplateColumn>
<HeaderStyle width="10px"></HeaderStyle>
<ヘッダーテンプレート>
<INPUT id="すべてチェック" name="すべてチェック" type="チェックボックス" onclick="すべて選択()">
</HeaderTemplate>
<アイテムテンプレート>
<asp:CheckBox id="CheckBox1" runat="server"></asp:CheckBox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="序号">
<HeaderStyle Wrap="False"></HeaderStyle>
<アイテムテンプレート>
<asp:Label runat="server" ID="labNO"></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>

JavaScript関数数:

var checkFlag = true;
関数ChooseAll()
{
//if( !document.all("CheckAll").Checked ) // 全选
if( checkFlag ) // 全选
{
var inputs = document.all.tags("INPUT");
for (var i=0; i < inputs.length; i++) // 遍历面上すべての入力
{
if (inputs[i].type == "チェックボックス" && inputs[i].id != "CheckAll" )
{
inputs[i].checked = true;
}
}
チェックフラグ = false;
}
else // 取消全选
{
var inputs = document.all.tags("INPUT");
for (var i=0; i < inputs.length; i++) // 遍历面上すべての入力
{
if (inputs[i].type == "チェックボックス" && inputs[i].id != "CheckAll" )
{
inputs[i].checked = false;
}
}
チェックフラグ = true;
}
}

// <概要>
// ユーザーはデータの削除を確認します。
// </概要>
関数 DelRec()
{
var inputs = document.all.tags("input");
var selectedLen = 0;
for( var i=0;i < inputs.length; i ++)
{
if(inputs[i].type == "チェックボックス")
{
if( 入力[i].checked )
{
if(inputs[i].id != "すべてチェック")
{
選択されたLen ++;
}
}
}
}
if( 選択されたLen == 0 )
{
alert("请先选择要删除的データ！");
}
それ以外
{
var flag =confirm("您确決定要删除所選択的これ " + selectedLen + " 条データ据吗?");
if(フラグ)
{
document.all("BtnDelRecord").click();
}
}
}