# Селектор radio

Селектор `:radio` выбирает радио переключатели. Смотрите тег `radio`. Эквивалентом `$(':radio')` является `$('[type=radio]')`. Так как `:radio` не относится к CSS спецификации, то для улучшения производительности в современных браузерах вместо него лучше применить `[type='radio']`.

## Синтаксис

Так мы выбираем радиокнопки:

`$(':radio');`

Как и с другими селекторами псевдо-классами (начинающимися с `':'`), перед `':'` лучше поставить название тега или другого селектора, в противном случае будет применен селектор `'*'`, то есть `$(':radio')` будет восприниматься как `$('*:radio')`, поэтому вместо этого лучше использовать `$('input:radio')`. Для выбора связанных радио переключателей можно использовать `$('input[name=gender]:radio')`.

## Пример

Давайте, выберем радио переключатели, обернем их в спан. Затем сделаем спанам зеленый фон и красную рамку с помощью метода `css`:

`<form> <input type="button" value="button"> <input type="file"> <button>button</button> <input type="reset"> <input type="radio" name="test"> <input type="radio" name="test"> <input type="text"> </form>` <+javascript+> $('form input:radio') .wrap('') .parent() .css({background: 'green', border: '2px red solid'}); $('form').submit(function(event) { event.preventDefault(); // предотвращает отправку формы }); <-javascript->

## Смотрите также

- тег `radio`
- метод `filter`,
  который фильтрует элементы в наборе по заданному селектору
- метод `find`,
  который ищет элементы внутри уже найденных

← →
↑