Как выбрать элементы с типом 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