Рассчитать количество флажков html, установленных с помощью jquery

как я могу вычислить количество флажков, которые пользователь проверил с помощью jquery?

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

Ответы

Ответ 1

Для этого существует несколько методов:

Метод 1:

alert($('.checkbox_class_here:checked').size());

Метод 2:

alert($('input[name=checkbox_name]').attr('checked'));

Метод: 3

alert($(":checkbox:checked").length);

Ответ 2

Это должно работать:

alert($("input:checkbox:checked").length);

Ответ 3

Если ни один из вышеперечисленных методов не работает, вы, вероятно, еще не импортировали jQuery. Чтобы импортировать jQuery, вставьте этот код в <head> вашего HTML.

<script src="//code.jquery.com/jquery-1.10.2.js"></script>

У меня была такая же проблема при создании страницы заказа продукта, и я хотел, чтобы она подсчитывала количество продуктов в корзине на странице подтверждения заказа. Я сослался на этот пост и попробовал все методы. Затем я узнал, что я не импортировал jQuery, поэтому $(':checkbox:checked') не работал.

Ответ 5

вы должны использовать

alert($("input:checkbox:checked").length);

или

alert($(".checkbox-class:checked").length);

если у вас больше форм на одной странице

.size() (метод номер 1 в текущем принятом ответе) устарел, поскольку jQuery 1.8