今天终于实现了全选CheckBox而不用AJAX或者回传事件,省时又效率
全选和全不选,不会出现选中的项目全选时却不选的情况
前台代码如下:
GridView代码:
<asp:GridView ID="gv" runat="server" AutoGenerateColumns="False" Width="100%" DataKeyNames="PermitID" >
<Columns>
<asp:TemplateField>
<HeaderTemplate>
<input id="CheckAll" type="checkbox" οnclick="selectAll(this);" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" ID="checkbox" />
</ItemTemplate>
<ItemStyle Width="100px" />
</asp:TemplateField>
<asp:BoundField DataField="PermitCode" HeaderText="权限代码" SortExpression="PermitCode" />
<asp:BoundField DataField="PermitName" HeaderText="权限名称" SortExpression="PermitName" />
</Columns>
<HeaderStyle CssClass="GVHeader" />
<AlternatingRowStyle CssClass="GVAlternatingRow" />
<RowStyle CssClass="GVRow" />
<PagerStyle CssClass="GVPage" />
<PagerSettings Visible="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>