jquery checkbox "change" - Ereignis

Hallo, ich Frage mich, wenn es ein Ereignis gibt, für die Checkboxen, die ausgelöst werden kann durch anderen code anstatt von einem user...

z.B.

http://jsfiddle.net/DC3EH/

Für die "Alle Auswählen" aktivieren, es sollte auch automatisch schalten Sie die "selected" - Klasse zum Umschalten der Zeile Hintergrundfarbe.

Habe ich versucht, "ändern" und "klicken" und dass nur durch den Benutzer ausgelöst.

Sagte ich ein bisschen code... BTW ich will eine Menge Kontrollkästchen, die Umschaltfläche bestimmte Klassen von Checkboxen, so will ich, um zu vermeiden, dass viel ".closest('tr').addClass('selected');" etc.

InformationsquelleAutor Luke Wenke | 2012-09-15
  1. 4

    Es scheint zu funktionieren perfekt:

    http://jsfiddle.net/DC3EH/20/

    Ich verwendet .ändern Sie()

    InformationsquelleAutor Luke Wenke
  2. 0

    Ich bin nicht sicher, ob dies ist, was Sie brauchen, aber was ich dachte ist, dass alle <tr> muss geändert ausgewählten, indem Sie das Kontrollkästchen "Alle Auswählen" - checkbox. versuchen Sie, diese http://jsfiddle.net/DC3EH/5/

    • In der Vollversion können bestimmte Zeilen werden aktiviert oder deaktiviert, je nach Ihren Eigenschaften..., so ein am nächsten('tr') verwendet werden würde...
    InformationsquelleAutor Mohamed Farrag
  3. 0

    Haben Sie versucht, das auslösen des click-Ereignisses?

    .trigger("click") //for each checkbox

    Beispiel: http://jsfiddle.net/ELTRd/1/

    • Die Gruppe ist die umgekehrte version von "Alle Auswählen" checkbox " ... auch die gelbe Zeile, die Farbgebung ist invertiert...
    InformationsquelleAutor Mark
  4. 0

    Wenn Sie eine Bindung an das change-Ereignis, das Sie auslösen können das click-Ereignis in jquery die wird aktivieren Sie das Kontrollkästchen und wiederum Feuer das change-Ereignis:

    $(document).ready(function(){
    $('#check_all').click(function(event) {
        $('[name^="checkbox"]').trigger("click");
    });   

    $('[name^="checkbox"]').change(function(event) {
        console.log('a');
        if ($(this).is(":checked")) {
             $(this).closest('tr').addClass('selected');
        }
        else {
             $(this).closest('tr').removeClass('selected');
        }
    });    
});​

    Aktualisiert Fiddle: http://jsfiddle.net/DC3EH/19/

    Der Grund, warum ich umgestiegen auf das change-Ereignis aus, anstatt das click-Ereignis ist, wie jquery Prozesse der Auslösung von Ereignissen. Wenn Sie den Auslöser klicken, es wird Sie nennen Ihre event-handler vor, es ändert sich der Status der checkbox. Die Bindung an die änderung gewährleistet, dass Ihre Veranstaltung nicht genannt, bis nach dem Zustand geändert hat.

    • Funktioniert in chrome und FF für mich.
    • Es scheint nicht zu funktionieren im IE8. Auch in Chrome und FF die "Alle Auswählen" - checkbox nur invertiert die aktuelle Auswahl... es sollte schalten Sie alle anderen Kontrollkästchen on oder off je nach der "Alle Auswählen" checkbox-Zustand.
    • Ich kann es funktioniert im IE8, wenn ich kommentieren Sie die Konsole.log-line...
    • Beim IE8 funktioniert die gelbe Färbung von "Alle Wählen" ist invertiert...
    InformationsquelleAutor John Koerner
Schreibe einen Kommentar