jQuery селектор :checkbox
jQuery селекторыОпределение и применение
jQuery селектор :checkbox выбирает все элементы <input>, которые имеют атрибут type со значением checkbox.
jQuery синтаксис:
$(":checkbox")
Добавлен в версии jQuery
1.0Селектор в CSS
Это селектор jQuery, он не является частью спецификации CSS.Пример использования
<!DOCTYPE html> <html> <head> <title>Использование jQuery селектора :checkbox.</title> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <script> $(document).ready(function(){ $(":checkbox").css("box-shadow", "0 0 10px green"); // выбираем все элементы <input>, которые имеют атрибут type со значением checkbox }); </script> </head> <body> <form> <input type = "text" placeholder = "Ваш логин"><br><br> <input type = "password" placeholder = "Ваш пароль"><br><br> <label>Мужчина <input type = "radio" name = "sex" value = "male" checked></label> <label>Женщина <input type = "radio" name = "sex" value = "female"></label><br><br> <label><input type = "checkbox" name = "type1" value = "busy">Женат / замужем</label><br><br> <label><input type = "checkbox" name = "type2" value = "free">Холост / -а</label><br><br> <label><input type = "checkbox" name = "type3" value = "childfree">Дети</label><br><br> <input type = "reset"><input type = "submit" value = "Продолжить"> </form> </body> </html>
В этом примере с использованием селектора :checkbox мы выбрали и стилизовали все элементы <input>, которые имеют атрибут type со значением checkbox.
Результат нашего примера:
jQuery селекторы