jQuery ist attr Update auf Kontrollkästchen löst keine Änderung Ereignis

Question

Ich habe ein paar Kontrollkästchen und eine Status-Box, die Ihnen sagt, ob mindestens 1 der Kontrollkästchen aktiviert ist.

Ich habe auch eine Check-Checkbox Alle/Keine, die die Checkboxen umschaltet, aber nicht das Änderungsereignis auslöst, das den Checkboxen zugewiesen ist, so dass der Status nie aktualisiert wird, wenn das Kontrollkästchen Alle/Keine aktiviert ist .

Hier ist meine Implementierung:

http://jsfiddle.net/axl163/Fckvd/1/

Answer 1

function toggleChecked(status) { 
    $(".chkbx").each(function() { 
     $(this).prop("checked", status).change(); // you have to trigger the event 
    }); 
} 

DEMO

Answer 2

Alle Änderungen an einem Eingangselement durch ein Skript NICHT onchange Ereignis auslösen.

Alternativ können Sie die change() auslösen, während die Änderung der Eingabe wie unter Aktualisieren

$(this).prop("checked", status).change(); 

Voll Code:

function toggleChecked(status) { 
    $(".chkbx").each(function() { 
     $(this).prop("checked", status).change(); 
    }); 
} 

Auch .prop anstelle von .attr

DEMO