GridView с несколькими CheckBox Столбцы и выберите Все заголовок столбца

Question

я использую asp.net GridView в заголовке у меня есть две колонки

column select all employee | column select all 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);" /> 

Answer 1

ASP - в вашем 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 - "Выбрать все" галочки:

<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")); 
    }); 
}