jQuery - Отображение числа отсчетов из множественных флажков

Я использую Эрик Хендс 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);
        };
      });

1 ответ

Решение

Я немного смущен этим вопросом. Счет в вашей скрипке работает, за исключением того, что событие Multi не выбирается в MultiSelects, поэтому оно не обновляется, пока не будет использован обычный флажок.

Добавление события Change к множественным выборкам сразу после того, как вы добавили изменение к стандартным флажкам, сработало для меня.

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

Или даже добавление селектора ".multiselect" в исходную настройку Change будет работать.

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

FIDDLE

Другие вопросы по тегам