jquery - 如何在点击事件后对 jquery ui 中的切换按钮进行计数

Question

我需要计算使用 jqueryui checkbox button 切换了多少个按钮选项 - .buttonset()。这需要在切换按钮时发生。

在应用按钮集之前，我向标签添加了一个唯一的类，并在其上设置了单击事件。

它触发得很好，但是它是在 jqueryui 处理点击之前触发的，所以结果已经过时了。 jqueryui 完成工作后如何应用点击事件？

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

Answer 1

实现此目的的更好方法是将事件处理程序绑定(bind)到 change输入本身的事件(即使 jQueryUI 对标签做了一些欺骗，这仍然会被触发)。例如:

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

在这里查看一个工作示例:http://jsfiddle.net/andrewwhitaker/TGR68/

利用:checked selector和 :checkbox selector .