jQuery-正确显示选中的计数

我正在使用Eric Hynds jQuery UI MultiSelect小部件，并尝试只显示小部件本身的复选框。“正常”复选框不应影响计数。当前，如果您选中一个，则正常复选框将添加到计数中，然后从小部件中选中一个…结果是计数=2

请看我的小提琴：

我试过类似的方法，但没有成功

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

---

使用

.length

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

---

文档

未捕获类型错误：对象[object object]的属性“length”不是函数

由于在.length属性后面使用括号，因此会出现该错误。长度项的用法是

.length

而不是

.length（）

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