Thursday, July 1, 2010

Check All Checkboxes in GridView using JQuery

ASPX:

<asp:GridView ID="gridContacts" runat="server" >
<Columns >
<asp:TemplateField >

<HeaderTemplate ><asp:CheckBox ID="chkAll" onclick="javascript:SelectAllCheckboxes(this);" runat="server" / ></HeaderTemplate >

<ItemTemplate ><asp:CheckBox ID="chkDelete" runat="server" / ></ItemTemplate >

</asp:TemplateField >

<asp:BoundField DataField="FirstName" HeaderText="First Name" / >

</Columns >
</asp:GridView
>


Javascript:

function SelectAllCheckboxes(cb) {

$('#gridContacts > tbody > tr > td > input:checkbox').attr('checked', cb.checked);
}


Additional reading:

Check All Checkboxes with Jquery

No comments:

Post a Comment