使用Jquery显示单选按钮的值

Question

我有三个单选按钮。我想在选中时获取单选按钮的值。

我这样做

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

这是我的JsFiddle。我在哪里做错了？

Answer 1

这是一种简单的方法

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

Answer 2

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

Answer 3

radio不是使用伪类选择器输入的元素：radio

https://api.jquery.com/radio-selector/

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

Answer 4

另外两种方式：

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

http://jsfiddle.net/2LwAy/9/

Answer 5

这是你想要的一个例子：

JSFIDDLE

您应该致电onchange方法。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>