30

Как узнать, какая радиокнопка выбрана с помощью jQuery?

41

Я имею две радиокнопки и хочу отправить значение выбранной из них. Как я могу получить это значение с помощью jQuery?

Я могу получить все радиокнопки таким образом:

$("form :radio")

Как мне узнать, какая из них выбрана?

4 ответ(ов)

43

Чтобы получить значение выбранного элемента 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) будет отображаться значение выбранного элемента.

4

Вы можете использовать следующий код jQuery для получения значения выбранной радиокнопки в форме с id myform:

$("#myform input[type='radio']:checked").val();

Этот код находит все радиокнопки внутри формы с id myform, выбирает ту, которая отмечена (checked), и возвращает ее значение. Убедитесь, что вы подключили библиотеку jQuery и что радиокнопки расположены внутри указанной формы.

1

Это должно сработать:

$("input[name='radioName']:checked").val()

Обратите внимание, что используются двойные кавычки "" вокруг input:checked, а не одинарные '' как в решении Питера Дж.

0

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

$("form :radio:checked").val();

В этом примере :radio выбирает все радио-кнопки в форме, а :checked фильтрует их, оставляя только ту, которая выбрана. Метод .val() возвращает значение этой выбранной радио-кнопки.

Чтобы ответить на вопрос, пожалуйста, войдите или зарегистрируйтесь