Работа с радио-кнопками в jQuery

В работе с веб-формами часто возникает необходимость получить значение выбранной радио-кнопки. Рассмотрим пример простой формы с двумя радио-кнопками:

<form>
  <input type="radio" name="gender" value="male"> Мужской<br>
  <input type="radio" name="gender" value="female"> Женский<br>
</form>

Для получения значения выбранной радио-кнопки в jQuery можно использовать селектор :checked, который выбирает все выбранные элементы формы. В этом случае код будет выглядеть следующим образом:

var selectedValue = $('input[name="gender"]:checked').val();

Этот код выбирает элемент формы с именем «gender», который в данный момент выбран, и возвращает его значение. Если ни одна кнопка не выбрана, то метод val() вернет undefined.

Таким образом, работа с радио-кнопками в jQuery становится довольно простой и понятной. Важно помнить, что для корректной работы кода все радио-кнопки в группе должны иметь одинаковое имя. Это позволяет браузеру понимать, что кнопки связаны между собой и обеспечивает корректное поведение при выборе одной из них.