Question

我正在使用Eric Hynds jQuery UI MultiSelect Widget。如何在窗口小部件中显示已选中复选框的计数，而不是正常复选框？

以下计数/显示正常复选框。请参阅小部件：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);
    });

FIDDLE

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

1 个答案: