jquery - jQuery - 正确显示检查的计数

Question

我正在使用 Eric Hynds jQuery UI MultiSelect Widget 并尝试仅显示来自小部件本身的复选框。“正常”复选框不应影响计数。目前，如果您选中一个，则普通复选框会添加到计数中，然后从小部件中选中一个...导致计数 = 2。

请看我的小提琴：http: //jsfiddle.net/PdLBX/6/

$(document).ready(function () {
        $(".multiselect").each(function () {
          $(this).change(updateCount);
        });
        updateCount();
        function updateCount () {
          var count = $("input[type=checkbox]:checked").size();
          $("#count").text(count);
        };

      });

我已经尝试过这样的事情，但没有运气。

 function updateCount () {
          var count1 = $("[id^=ui-multiselect-dropdown1]:checked").size(),
              count2 = $("[id^=ui-multiselect-dropdown2]:checked").size(); 
          $("#count").text(count1+count2);
        };

Answer 1

采用.length

function updateCount () {
  var count1 = $("[id^=ui-multiselect-dropdown1]:checked").length,
      count2 = $("[id^=ui-multiselect-dropdown2]:checked").length; 
  $("#count").text(count1+count2);
};

文档在这里