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

时间:2014-02-20 14:17:08

标签: jquery checkbox jquery-ui-widget

我正在使用Eric Hynds jQuery UI MultiSelect Widget并尝试仅显示小部件本身的复选框。 “正常”复选框不应影响计数。目前,正常的复选框会在您选中一个时添加到计数中,然后从小部件中选中一个...导致count = 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);
        };

1 个答案:

答案 0 :(得分:2)

使用.length

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

文档Here