DataGrid控件:
<Columns>
<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>
JavaScript函數:
var checkFlag = true;
function ChooseAll()
{
//if( !document.all("CheckAll").Checked ) // 全選
if( checkFlag ) // 全選
{
var inputs = document.all.tags("INPUT");
for (var i=0; i < inputs.length; i++) // 遍歷頁面上所有的 input
{
if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll" )
{
inputs[i].checked = true;
}
}
checkFlag = false;
}
else // 取消全選
{
var inputs = document.all.tags("INPUT");
for (var i=0; i < inputs.length; i++) // 遍歷頁面上所有的 input
{
if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll" )
{
inputs[i].checked = false;
}
}
checkFlag = true;
}
}
// <summary>
// 讓用戶加以確認刪除數據。
// </summary>
function DelRec()
{
var inputs = document.all.tags("input");
var selectedLen = 0;
for( var i=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
{
var flag = confirm("您確定要刪除所選擇的這 " + selectedLen + " 條數據嗎?");
if(flag)
{
document.all("BtnDelRecord").click();
}
}
}