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);
});