DataGrid控件:

　　<Columns>
????????<asp:TemplateColumn>
?????????<HeaderStyle?Width="10px"></HeaderStyle>
?????????<HeaderTemplate>
??????????<INPUT?id="CheckAll"?name="CheckAll"?type="checkbox"?οnclick="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();??
??　　　　　　　　}
?　　　　　　}
　　　　}

?

總結

以上是生活随笔為你收集整理的DataGrid 的 全选/取消全选 控制(CheckBox)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。