jQuery селектор :radio

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

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

jQuery синтаксис:

JavaScript

$(":radio")

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

1.0

Селектор в CSS

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

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

Выбор радиокнопок: :radio

Нажмите ▶, затем выполните действие из пояснения. Измените JavaScript и запустите пример ещё раз. В редакторе используется jQuery 3.1.1.

index.html

HTML

<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>

main.js

JavaScript

$(document).ready(function () {
    $(':radio').css('box-shadow', '0 0 10px green')
})

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