今天終于實現了全選CheckBox而不用AJAX或者回傳事件,省時又效率

　　全選和全不選,不會出現選中的項目全選時卻不選的情況

　　前臺代碼如下:

　　GridView代碼:

　　<asp:GridView ID="gv&quot; runat="server" AutoGenerateColumns="False" Width="100%" DataKeyNames="PermitID" >

　　<Columns>

　　<asp:TemplateField>

　　<HeaderTemplate>

　　<input  id="CheckAll" type="checkbox" onclick="selectAll(this);" />

　　</HeaderTemplate>

　　<ItemTemplate>

　　<asp:CheckBox runat=&quot;server" ID="checkbox"  />

　　</ItemTemplate>

　　<ItemStyle Width="100px" />

　　</asp:TemplateField>

　　<asp:BoundField DataField="PermitCode" HeaderText="權限代碼" SortExpression="PermitCode" />

　　<asp:BoundField DataField="PermitName" HeaderText="權限名稱" SortExpression="PermitName&quot; />

　　</Columns>

　　<HeaderStyle CssClass="GVHeader&quot; />

　　<AlternatingRowStyle CssClass="GVAlternatingRow&quot; />

　　<RowStyle CssClass="GVRow" />

　　<PagerStyle CssClass="GVPage" />

　　<PagerSettings Visible=&quot;False" />

　　</asp:GridView>

　　其發揮作用的腳本如下:

　　<script type="text/javascript">

　　function selectAll(obj)

　　{

　　var theTable  = obj.parentElement.parentElement.parentElement;

　　var i;

　　var j = obj.parentElement.cellIndex;

　　for(i=0;i<theTable.rows.length;i++)

　　{

　　var objCheckBox = theTable.rows[i].cells[j].firstChild;

　　if(objCheckBox.checked!=null)objCheckBox.checked = obj.checked;

　　}

　　}

　　</script>