GridView with Multiple Checkbox Columns and Select All Column Header

Question

i am using asp.net gridview in header i have two columns

column select all employee  | column select all employer

so i have two checkbox for two columns, so once it click on the select all employee it should only be selected for all employee and same goes with employer

but the below code is selecting both employee and employer if only select on employer.

function SelectAllCheckboxes(chk) {
        $('#<%=gv.ClientID%>').find("input:checkbox").each(function () {
            if (this != chk) { this.checked = chk.checked; }
        });
    }

    function SelectAllCheckboxes1(chk) {
        $('#<%=gv.ClientID%>').find("input:checkbox").each(function () {
            if (this != chk) { this.checked = chk.checked; }
        });
    }


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

<asp:CheckBox ID="chkAll1" runat="server" onclick="javascript:SelectAllCheckboxes1(this);" />

What do you mean? When you click on Select All Employers, the Select All Employees gets checked too? — James Johnson
– James Johnson, Commented May 7, 2012 at 20:17
Well that makes sense, because you are not differentiating between the two checkboxes. Add a class to the employer checkbox of "employer" on the server side then, select "input:checkbox.employer" — tedski
– tedski, Commented May 7, 2012 at 20:18
i have two columns in the gridview header and if click on column 1 the column 1 checkbox should be select and if i click on column 2 then column 2 checkbox should be select, but in my case if i select on column 1 then column 1 and column 2 checkbox is selected — Nick Kahn
– Nick Kahn, Commented May 7, 2012 at 20:19
right, because they are all checkboxes. You aren't being specific enough. On each one you are saying the same thing, GridView->inputs that are checkboxes — tedski
– tedski, Commented May 7, 2012 at 20:20
yes i am aware of that i am not being specific what checkbox to check... thats why i posted my question for any lead — Nick Kahn
– Nick Kahn, Commented May 7, 2012 at 20:22

tedski · Accepted Answer · 2012-05-07 20:49:47Z

1

ASP - in your GridView:

<asp:GridView id="gv" runat="server">
    <asp:TemplateField>
        <ItemTemplate>
            <asp:CheckBox id="cbxSelectEmployer" runat="server" CssClass="employer" />
        </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField>
        <ItemTemplate>
            <asp:CheckBox id="cbxSelectEmployee" runat="server" CssClass="employee" />
        </ItemTemplate>
    </asp:TemplateField>
</asp:GridView>

ASP - "Select all" checkboxes:

<asp:CheckBox ID="chkAll" runat="server" onclick="SelectAllCheckboxes(this, '.employee')" />
<asp:CheckBox ID="chkAll1" runat="server" onclick="SelectAllCheckboxes(this, '.employer')" />

jQuery

function SelectAllCheckboxes(chk, selector) {
    $('#<%=gv.ClientID%>').find(selector + " input:checkbox").each(function () {
        $(this).prop("checked", $(chk).prop("checked"));
    });
}

edited May 7, 2012 at 20:49

answered May 7, 2012 at 20:30

tedski

2,2863 gold badges27 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Nick Kahn Over a year ago

okay so paste your code and when i click on the checkbox which is in the header does not do anything no errors nothing

Nick Kahn Over a year ago

then i pass just like that 'onclick="SelectAllCheckboxes(this, 'employee')"' (take out dot) then it throw an error here Microsoft JScript runtime error: Exception thrown and not caught

tedski Over a year ago

found the error. when you specify a cssclass it wraps it in a span with that class. I will edit

tedski Over a year ago

I switched the places, so it should work now. keep the dot, it means that jquery will select the classes

Nick Kahn Over a year ago

1+ yep its working now.. but i have another question i guess i will open a new thread - thanks for helping out.

Collectives™ on Stack Overflow

GridView with Multiple Checkbox Columns and Select All Column Header

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related