Как узнать, какая радиокнопка выбрана с помощью jQuery?
Я имею две радиокнопки и хочу отправить значение выбранной из них. Как я могу получить это значение с помощью jQuery?
Я могу получить все радиокнопки таким образом:
$("form :radio")
Как мне узнать, какая из них выбрана?
4 ответ(ов)
Чтобы получить значение выбранного элемента radioName
из формы с id myForm
, вы можете использовать следующий код:
$('input[name=radioName]:checked', '#myForm').val()
Вот пример, как это можно реализовать:
$('#myForm input').on('change', function() {
alert($('input[name=radioName]:checked', '#myForm').val());
});
И вот HTML-код формы:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
<fieldset>
<legend>Выберите radioName</legend>
<label><input type="radio" name="radioName" value="1" /> 1</label> <br />
<label><input type="radio" name="radioName" value="2" /> 2</label> <br />
<label><input type="radio" name="radioName" value="3" /> 3</label> <br />
</fieldset>
</form>
В данном примере, при изменении выбора радиокнопок будет вызываться событие change
, и в всплывающем окне (alert
) будет отображаться значение выбранного элемента.
Вы можете использовать следующий код jQuery для получения значения выбранной радиокнопки в форме с id myform
:
$("#myform input[type='radio']:checked").val();
Этот код находит все радиокнопки внутри формы с id myform
, выбирает ту, которая отмечена (checked), и возвращает ее значение. Убедитесь, что вы подключили библиотеку jQuery и что радиокнопки расположены внутри указанной формы.
Это должно сработать:
$("input[name='radioName']:checked").val()
Обратите внимание, что используются двойные кавычки "" вокруг input:checked
, а не одинарные '' как в решении Питера Дж.
Вы можете использовать селектор :checked
вместе с селектором радио-кнопок. Пример кода для получения значения выбранной радио-кнопки выглядит следующим образом:
$("form :radio:checked").val();
В этом примере :radio
выбирает все радио-кнопки в форме, а :checked
фильтрует их, оставляя только ту, которая выбрана. Метод .val()
возвращает значение этой выбранной радио-кнопки.
Как выбрать элемент по имени с помощью jQuery?
Эквивалент document.createElement в jQuery?
jQuery: Получение Выбранного Значения Из Выпадающего Списка
Эквивалент jQuery $.ready() на чистом JavaScript - как вызвать функцию, когда страница/DOM готовы (дубликат)
Как проверить радио-кнопку с помощью jQuery?