Wählen Sie Alle Checkboxen im GridView ASP.NET mit JQuery

Ich habe Checkboxen in meinem Gridview templete Spalten namens "Kategorie" und "Kategorie B".
Ich will Wählen-Alle Funktionen, D. H., wenn der Benutzer überprüft die Select-Alle Kontrollkästchen in der Kategorie Eine Spalte, alle Kontrollkästchen muss überprüft werden, unter dieser Spalte. Dasselbe für die Kategorie B.
Ich versuche mit dem code unten. Das problem mit meinem code ist, es wählt alle Kontrollkästchen im gesamten gridview, "Kategorie", sowie "Kategorie B"s Checkboxen.
Aber, ich will nur Markierungsfelder ausgewählt sind, unter der gleichen Spalte.

 function SelectAllCheckboxesA(chk) {
                $('#<%=gvSurveys.ClientID %>').find("input:checkbox").each(function() {
                    if (this != chk) {
                        if ($(this).hasClass('CatA') != false) {
                            this.checked = chk.checked;
                        }
                    }
                    else {
                        alert($(this));
                    }
                });
            }




 <asp:GridView ID="gvSurveys" runat="server" AutoGenerateColumns="false" AllowSorting="True" Width="1500px">
                           <Columns>
                              <asp:TemplateField>
                                 <HeaderTemplate>Category A
    <asp:CheckBox ID="chkSelectAllCatA" runat="server" Visible="false" onclick="javascript:SelectAllCheckboxesA(this);" CssClass="SACatA" />
    </HeaderTemplate>
    <ItemTemplate>
    <asp:CheckBox ID="chkCatA" runat="server" Enabled="false" CssClass="CatA"  />
    </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField>
    <HeaderTemplate>
    Category B
    <asp:CheckBox ID="chkSelectAllCatB" runat="server" Visible="false" CssClass="CatB" onclick="javascript:SelectAllCheckboxesB(this);" />
    </HeaderTemplate>
    <ItemTemplate>
    <asp:CheckBox ID="chkCatB" runat="server" Enabled="false" />
    </ItemTemplate>
    </asp:TemplateField>
    </Columns>
    </asp:GridView>
Für die Liebe des Welpen formatieren Sie den code korrekt (und akzeptieren einige Antworten).
nur 4 anrechnungsfähige Fragen und 16 rep-Punkte. Möchten Sie vielleicht schneiden Sie ihn ein wenig Locker und nur darauf hinweisen, wie das system funktioniert.
und registrierte user für 3 Monate. FAQ ist es für einen Grund.

InformationsquelleAutor dexter | 2010-05-18

  1. 11

    Diese basiert auf Vorschlag von Ashish Patil mit einigen Modifikationen zu deaktivieren das Kontrollkästchen in der Kopfzeile, wenn Sie die entsprechenden Kontrollkästchen im raster von Zeilen deaktiviert ist.

    In GridView erstellen Sie eine template-Spalte:

    <asp:templatefield>
<headertemplate>
  <asp:CheckBox ID="chkSelectAll" cssclass="chkHeader" runat="server" />
</headertemplate>
<itemtemplate>
  <asp:CheckBox ID="chkSelect" cssclass="chkItem" runat="server"/>
</itemtemplate>
</asp:templatefield>

    jquery script, legen Sie Sie in $(document).bereit, zum Beispiel:

    var headerChk = $(".chkHeader input");
var itemChk = $(".chkItem input");

headerChk.click(function () { 
 itemChk.each(function () { 
  this.checked = headerChk[0].checked; }) 
});

itemChk.each(function () {
  $(this).click(function () {
    if (this.checked == false) { headerChk[0].checked = false; }
  })
});
    erstaunlich..das funktioniert perfekt für mich..danke

    InformationsquelleAutor Califf

  2. 1

    Warum nicht markieren Sie nur die Kontrollkästchen der CategoryA:

    $('#<%=gvSurveys.ClientID %>').find("input:checkbox[Id*=chkCatA]")

    Wäre, dass die Arbeit?

    Da er hinzufügen CatA Klasse zu den Checkboxen, ein class-Selektor würde auch funktionieren (und Aussehen einfacher ist).
    Nein, das hat nicht geholfen. Ich habe versucht, spezifisch auf die "input:checkbox[Id*=chkCatA]".

    InformationsquelleAutor PeterFromCologne

  3. 0

    Ändern Sie die selectAll Kontrollkästchen, um die gleiche Klasse. Extrahieren Sie dann die Klasse aus dem Kontrollkästchen und verwenden Sie es als Teil des Selektors, die heraus filtern, die Sie auswählen. Das vereinfacht vieles, da Sie wissen, dass alle die abgestimmt Eingängen wird einfach brauchen, um den checked-Wert aus dem parameter.

    function SelectAllCheckboxesA(chk) {
    var $chk = $(chk);
    var myClass = $chk.attr('class');
    $('#<%=gvSurveys.ClientID %>')
       .find("input." + myClass + ":checkbox" )
       .not($chk)
       .attr('checked', $chk.attr('checked') );  
}
    Hi danke für deine Antwort. Dies hat den gleichen Effekt , alle Checkboxen ausgewählt werden, die in die gesamte Gridview.
    Dann hast du etwas falsch in deinem code. Wenn die Kontrollkästchen in der Kopfzeile haben verschiedene Klassen (von einander), und diejenigen Klassen, die mit denjenigen übereinstimmen, die in der Spalte, sollte das funktionieren. Der Selektor ist spezifisch für die Klasse und wird nicht aktivieren Sie alle Kontrollkästchen, die haben nicht diese Klasse.

    InformationsquelleAutor tvanfosson

  4. 0
    $('#<%=gvSurveys.ClientID %>').find('input[Id*="chkCatA"]:checkbox').each(function() {
            if (this != chk) {
                this.checked = chk.checked;
            }
        });

    InformationsquelleAutor Aravind

  5. 0

    Erstellen Sie die Zeile mit einer checkbox in der Kopfzeile:

    <asp:TemplateField HeaderText="Merged Client">
                <HeaderTemplate>
                   <asp:CheckBox ID="chkboxSelectAll" runat="server" AutoPostBack="true" OnCheckedChanged="chkboxSelectAll_CheckedChanged" ></asp:CheckBox> Merged Client
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:CheckBox ID="CheckMergedClient" **runat="server"** **onclick="CheckChanged()" OnCheckedChanged="CheckMergedClient_CheckedChanged"** **AutoPostBack="true"** value='<%# Eval("ClientId") %>'/>                                 </ItemTemplate>
</asp:TemplateField>

    Im CodeBehind hinzufügen, die OnCheckChanged event-handler auswählen oder alle abwählen :

    protected void chkboxSelectAll_CheckedChanged(object sender, EventArgs e)
    {
        CheckBox ChkBoxHeader = (CheckBox)ClientMatchGridView.HeaderRow.FindControl("chkboxSelectAll");
        foreach (GridViewRow row in ClientMatchGridView.Rows)
        {
            CheckBox ChkBoxRows = (CheckBox)row.FindControl("CheckMergedClient");
            if (ChkBoxHeader.Checked == true)
            {
                ChkBoxRows.Checked = true;
            }
            else
            {
                ChkBoxRows.Checked = false;
            }
        }
    }

    InformationsquelleAutor Neha Verma

Schreibe einen Kommentar