Как в jQuery выбрать элемент по его атрибуту имени?

Это должно сработать, все это находится в документации, в которой есть очень похожий пример. к этому:

$("input[type='radio'][name='theme']").click(function() {
    var value = $(this).val();
});

Я также должен отметить, что в этом фрагменте есть несколько одинаковых идентификаторов. Это недопустимый HTML. Используйте классы для группировки набора элементов, а не идентификаторов, поскольку они должны быть уникальными.

Чтобы определить, какой переключатель установлен, попробуйте следующее:

$('input:radio[name=theme]').click(function() {
  var val = $('input:radio[name=theme]:checked').val();
});

Событие будет зафиксировано для всех радиокнопок в группе, а значение выбранной кнопки будет помещено в val.

Обновление: после публикации я решил, что приведенный выше ответ Паоло лучше, поскольку он использует на один обход DOM меньше. Я оставляю этот ответ в силе, поскольку он показывает, как получить выбранный элемент кроссбраузерным способом.

другой путь

$('input:radio[name=theme]').filter(":checked").val()

Это отлично работает для меня. Например, у вас есть две радиокнопки с одинаковым «именем», и вы просто хотите получить значение отмеченного флажка. Вы можете попробовать это.

$valueOfTheCheckedRadio = $('[name=radioName]:checked').val();

Следующий код используется для получения значения выбранного переключателя по имени.

jQuery("input:radio[name=theme]:checked").val();

Спасибо Аднан

Я нашел этот вопрос, когда исследовал ошибку после обновления jQuery с 1.7.2 до 1.8.2. Я добавляю свой ответ, потому что в jQuery 1.8 и выше произошло изменение, которое меняет способ ответа на этот вопрос сейчас.

В jQuery 1.8 они устарели псевдоселекторами например: радио,: флажок,: текст.

Чтобы сделать это сейчас, просто замените :radio на [type=radio].

Итак, ваш ответ теперь будет для всех версий jQuery 1.8 и выше:

$("input[type=radio][name=theme]").click(function() { 
    var value = $(this).val(); 
}); 

Вы можете прочитать об изменении в файле readme версии 1.8 и билет, относящийся к этому изменению, а также объясните, почему в : страница выбора радио в разделе" Дополнительная информация ".

Для тех, кто не хочет включать библиотеку, чтобы делать что-то действительно простое:

document.querySelector('[name="theme"]:checked').value;

jsfiddle

Обзор эффективности текущих ответов можно найти здесь

Если вы хотите узнать значение выбранного по умолчанию переключателя перед событием клика, попробуйте следующее:

alert($("input:radio:checked").val());

Вы можете использовать функцию фильтра, если у вас есть более одной радиогруппы на странице, как показано ниже.

$('input[type=radio]').change(function(){
    var value = $(this).filter(':checked' ).val();
    alert(value);
});

Вот URL скрипки

http://jsfiddle.net/h6ye7/67/

Если вам нужно значение истина / ложь, используйте это:

  $("input:radio[name=theme]").is(":checked")

Может, что-то вроде этого?

$("input:radio[name=theme]").click(function() { 
 ...
}); 

Когда вы нажимаете на любой переключатель, я считаю, что он будет выбран, поэтому он будет вызываться для выбранного переключателя.

Если у вас есть несколько групп переключателей на одной странице, вы также можете попробовать это, чтобы получить значение переключателя:

$("input:radio[type=radio]").click(function() {
    var value = $(this).val();
    alert(value);
});

Ваше здоровье!

также можно использовать класс CSS для определения диапазона переключателей, а затем использовать следующее для определения значения

$('.radio_check:checked').val()

Это сработало для меня ..

HTML:

<input type="radio" class="radioClass" name="radioName" value="1" />Test<br/>
<input type="radio" class="radioClass" name="radioName" value="2" />Practice<br/>
<input type="radio" class="radioClass" name="radioName" value="3" />Both<br/>

JQuery:

    $(".radioClass").each(function() {
        if($(this).is(':checked'))
        alert($(this).val());
    });

Надеюсь, это поможет..

Вы могли заметить, что использование селектора классов для получения значения ASP.NET RadioButton элементов управления всегда пусто, и вот почему.

Вы создаете RadioButton элемент управления в ASP.NET, как показано ниже:

<asp:RadioButton runat="server" ID="rbSingle" GroupName="Type" CssClass="radios" Text="Single" />
<asp:RadioButton runat="server" ID="rbDouble" GroupName="Type" CssClass="radios" Text="Double" />
<asp:RadioButton runat="server" ID="rbTriple" GroupName="Type" CssClass="radios" Text="Triple" />

И ASP.NET отображает следующий HTML-код для вашего RadioButton

<span class="radios"><input id="Content_rbSingle" type="radio" name="ctl00$Content$Type" value="rbSingle" /><label for="Content_rbSingle">Single</label></span>
<span class="radios"><input id="Content_rbDouble" type="radio" name="ctl00$Content$Type" value="rbDouble" /><label for="Content_rbDouble">Double</label></span>
<span class="radios"><input id="Content_rbTriple" type="radio" name="ctl00$Content$Type" value="rbTriple" /><label for="Content_rbTriple">Triple</label></span>

Для ASP.NET мы не хотим использовать RadioButton имя или идентификатор элемента управления, потому что они могут измениться по любой причине не по вине пользователя (изменение имени контейнера, имени формы, имени элемента управления и т. Д.), Как вы можете видеть в коде выше.

Единственный возможный способ получить значение RadioButton с помощью jQuery - использовать класс css, как указано в этом ответе на полностью несвязанный вопрос как следующий

$('span.radios input:radio').click(function() {
    var value = $(this).val();
});