В работе с веб-формами часто возникает необходимость получить значение выбранной радио-кнопки. Рассмотрим пример простой формы с двумя радио-кнопками:
<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 становится довольно простой и понятной. Важно помнить, что для корректной работы кода все радио-кнопки в группе должны иметь одинаковое имя. Это позволяет браузеру понимать, что кнопки связаны между собой и обеспечивает корректное поведение при выборе одной из них.
Добавить комментарий