Как выбрать элементы с типом checkbox на странице (jQuery)
Чтобы выбрать нужные элементы input с типом «checkbox», можно воспользоваться селектором ‘:checkbox’. Пример:
1 |
$(":checkbox").addClass('someClass'); |
Данная строка кода найдет все элементы с типом «чекбокс» и добавит им класс ‘someClass’. Это аналогично селектору:
1 |
$("[type="checkbox"]") |
Пример:
1 |
$("[type="checkbox"]").addClass('someClass'); |
Кстати, в официальной документации для лучшей производительности в современных браузерах рекомендуют именно этот вариант.
Если вы еще не знакомы с методом addClass, то можно почитать о том, как добавлять классы к элементам в jQuery.

Если необходимо обратиться к чекбоксам, имеющим определенный класс, то можно воспользоваться следующей конструкцией:
1 |
$("input.someClass[type=checkbox]") |
или так:
1 |
$("input.someClass:checkbox") |
Использование подобных методов и конструкций может быть полезно, если на странице имеются многочисленные опции для выбора пользователем, и необходимо получить их значения без перезагрузки страницы, например, для валидации значений или просто для отправки данных формы с помощью ajax-методов.
Думаю, указанные способы использования селекторов помогут вам в решении поставленной задачи.
Категория: jQuery