Wie man Schalter in jqueryui nach einem Klick-Ereignis zählt

Question

Ich muss zählen, wie viele Tasten mit der Option jqueryui checkbox button - .buttonset() umgeschaltet werden. Dies muss geschehen, wenn eine Schaltfläche umgeschaltet wird.

Ich habe den Beschriftungen eine eindeutige Klasse hinzugefügt, bevor ich die Schaltflächengruppe anwendete und ein Klickereignis darauf gesetzt habe.

Es feuert gut, aber es feuert, bevor die jqueryui den Klick verarbeitet hat, so dass das Ergebnis veraltet ist. Wie kann ich das Click-Ereignis anwenden, nachdem jqueryui seine Aufgabe erledigt hat?

$(".button-set").click(function(){ 
    var selected = $("#offer_list_4 label[aria-pressed=true]").length; // out of date 
}); 

Answer 1

Ein besserer Weg, dies zu erreichen, ist eine Ereignisbehandlungsroutine zum change Ereignis der Eingänge binden sich (dies noch einmal ausgelöst wird, obwohl jQueryUI einige Tricks mit den Etiketten tut). Zum Beispiel:

$("#offer_list_4 input:checkbox").bind("change", function() { 
    var selected = $("#format > input:checkbox:checked").length; 
}); 

Schauen Sie sich ein funktionierendes Beispiel hier: http://jsfiddle.net/andrewwhitaker/TGR68/

nutzt die :checked selector und der :checkbox selector.