jQuery селектор :radio

jQuery селекторы

Определение и применение

jQuery селектор :radio выбирает все элементы <input>, которые имеют атрибут type со значением checkbox.

jQuery синтаксис:

$(":radio")

Добавлен в версии jQuery

1.0

Селектор в CSS

Это селектор jQuery, он не является частью спецификации CSS.

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<title>Использование jQuery селектора :radio.</title>
		<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
		<script>
	$(document).ready(function(){
	   $(":radio").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>

В этом примере с использованием селектора :radio мы выбрали и стилизовали все элементы <input>, которые имеют атрибут type со значением checkbox.

Результат нашего примера:

Пример использования jQuery селектора :radio
Пример использования jQuery селектора :radio.
jQuery селекторы
×

Кажется, вы используете блокировщик рекламы :(

Этот ресурс не является коммерческим проектом и развивается на энтузиазме автора сайта, который посвящает все свое свободное время этому проекту.

Добавьте, пожалуйста, basicweb.ru в исключения блокировщика рекламы, этим вы поможете развитию проекта.