Überprüfen und Deaktivieren Sie CheckBox mit Hilfe von jquery

Ich habe ein GridView-Steuerelement auf einem Klick auf eine Kopfzeile aktivieren. Ich will überprüfen Sie alle Kontrollkästchen in der ItemTemplate.

Habe ich versucht die Umsetzung durch Jquery, aber es hat nicht funktioniert, wie

 $(document).ready(function () {
        $('#<%=ChkSelectAll.ClientID %>').click(function () {
            $('#<%=ChkSelectAll.ClientID %>').is(":checked")(function () {
                $('#<%=ChkSelect.ClientID %>').prop('checked', true);
            });
        });
    });

Ich habe ein Gridview als

<Columns>
            <asp:TemplateField HeaderStyle-Width="20px">
                <HeaderTemplate>
                    <asp:CheckBox ID="ChkSelectAll" runat="server"  />
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:CheckBox ID="ChkSelect" runat="server" />
                </ItemTemplate>
            </asp:TemplateField>
</Column>

Vielen Dank für jede Hilfe.

kann man machen, fiddle für Ihre html-Ausgabe ????????
Sir, es erscheint eine Fehlermeldung, dass ChkSelectAll-Steuerelement konnte nicht gefunden werden

InformationsquelleAutor Abhishek gupta | 2012-12-29

jquery jquery-selectors

6

Überprüfen Sie diese fiddle aus.wenn Sie viele checkbox als Klasse verwenden, anstelle von id, da ID eindeutig sein sollte
```
$('#ChkSelectAll').click(function () {
if($(this).is(":checked")){
    $('.ChkSelect').prop('checked', true);
}
});
```
BEARBEITETEN CODE mit fiddle
```
$('#ChkSelectAll').click(function () {
  if($(this).is(":checked")){
    $('.ChkSelect').prop('checked', true);
  }else{
    $('.ChkSelect').prop('checked', false);
  }
});
```
Sir,wenn wir möchten, deaktivieren Sie das Kontrollkästchen, dann werden wir verwenden if($(this).ist(":nicht aktiviert"))???
überprüfen Sie diese Geige aus jsfiddle.net/LAKRF

InformationsquelleAutor rajesh kakawat

$("#ChkSelectAll").click(function(){
if($(this).is(":checked")){
$('#ChkSelect').attr('checked', true);
}
else{
$('#ChkSelect').attr('checked', false);
}
}

InformationsquelleAutor Avishek

1

Der gridview haben eindeutige id für jede Zeile, so dass Sie können nicht ändern Sie alle über eine einzige id.

Ändern
```
$('#<%=ChkSelect.ClientID %>').prop('checked', true);
```
Zu
```
$('[id*=ChkSelect]').prop('checked', true);
```
Können Sie den code verkürzen.
```
$(document).ready(function () {
      $('#<%=ChkSelectAll.ClientID %>').click(function () {           
            $('[id*=ChkSelect]').prop('checked', this.checked);           
      });
});
```
Sir, was ist der Unterschied zwischen '#<%=ChkSelect.ClientID %>' und '[id*=ChkSelect]' ??
Der Ausdruck '#<%=ChkSelect.ClientID %>', geben Sie genau ein element matching die id in der Erwägung, dass '[id*=ChkSelect]' geben Sie alle Elemente, die enthalten ChkSelect in Ihrer id, verwendet es eine wild-card *

InformationsquelleAutor Adil
0

Ich habe versucht, mehrere Lösungen, die hier gefunden auf stackoverflow, und keiner von Ihnen arbeitete. Ich verwendet jquery-1.9.1.min.js und chrome, um es zu testen. Hier ist meine funktionierende Lösung
```
$(document).ready(function() {
  $('#goOffline').click(function(event) {
    if($('#goOffline').is(':checked')){
        $('#goOffline').attr("checked","checked");
    } else {
        $('#goOffline').removeAttr("checked");
    }
});
```
});

Was ist im Grunde passiert, ist, dass ich wählen Sie die checkbox-element mit $('#goOffline') atach auf click-Ereignis. Dann Teste ich ob es aktiviert ist oder nicht. Wenn es aktiviert ist und als attach Attribut gesetzt, wenn nicht, dann entfernen Sie das Attribut geprüft. Beachten Sie, dass meine html-markup sieht wie folgt aus:
```
<label for="goOffline" class="checkbox">
<input type="checkbox" name="goOffline" id="goOffline">
    Go offline
</label>
```
InformationsquelleAutor bboydflo

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.