javascript - jQuery - 显示多选复选框的计数

Question

我正在使用 Eric Hynds jQuery UI MultiSelect 小部件。如何在小部件中显示选中复选框的计数而不是普通复选框？

以下计数/显示正常复选框。请参阅小部件的小提琴：http: //jsfiddle.net/3u7Xj/85/

<div id="status">
      <p id="count">0</p>
    </div>

$(document).ready(function () {
        $("input[type=checkbox]").each(function () {
          $(this).change(updateCount);
        });

        updateCount();

        function updateCount () {
          var count = $("input[type=checkbox]:checked").size();

          $("#count").text(count);
          $("#status").toggle(count > 0);
        };
      });

Answer 1

我对这个问题有点困惑。您的小提琴中的计数有效，除了未在 MultiSelects 上调用 Change 事件，因此在使用常规复选框之前它不会更新。

在您将更改添加到对我有用的标准复选框后，立即向多选添加更改事件。

$(".multiselect").change(updateCount);

甚至将“.multiselect”选择器添加到 Change 的原始设置中也可以。

$("input[type=checkbox], .multiselect").each(function () {
      $(this).change(updateCount);
    });

小提琴