Показать значение радиокнопки с помощью Jquery

Question

0

У меня три переключателя. Я хочу получить значения переключателя при его проверке.

Я делаю это

if ($('radio').is(':checked')){
        alert($('input[name=radioName]:checked').val());
    }

Вот моя JsFiddle. Где я делаю неправильно?

insanity 08 март 2014, в 13:57

2

Ничего не проверено ... Я думаю, вы хотите связать событие onchange: $(':radio').on('change', function () { alert(this.value); }); On $(':radio').on('change', function () { alert(this.value); }); jsfiddle.net/2LwAy/4 В противном случае отметьте один из них по умолчанию, и тогда ваш вопрос станет более понятным
A. Wolff 08 март 2014, в 12:19

Теги:

5 ответов

1

Еще два возможных способа:

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

rusben 08 март 2014, в 11:03

1

радио не является элементом, использующим вход селектора псевдокласса: радио

$('input:radio').change(function () {
    if ($('input:radio').is(':checked')){
    alert($('input[type=radio]:checked').val());
}
});

Yusaf Khaliq 08 март 2014, в 10:07

1

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

Rhys 08 март 2014, в 09:51

1

здесь один пример, который вы хотите:

Вы должны вызвать onchange метод.instead is:checked

Jquery

$('#radio').on('change', function(){
    var radioval=$(this).val();
    $(this).next().text(radioval)
});

HTML

<input type="radio" id="radio" name="group1" value="Milk"> <label>salam<label>

Radian 08 март 2014, в 09:49

Ничего не проверено ... Я думаю, вы хотите связать событие onchange: $(':radio').on('change', function () { alert(this.value); }); On $(':radio').on('change', function () { alert(this.value); }); jsfiddle.net/2LwAy/4 В противном случае отметьте один из них по умолчанию, и тогда ваш вопрос станет более понятным

Orel Eraki · Accepted Answer · 2014-03-08T10-27-00.000Z

Это один простой способ

$('input:radio').click(function () {
    alert($(this).val());
});