我在从单选按钮读取时总是得到"on"值而不是原始值

Question

在读取单选按钮时，我得到的值总是"on"，而不是原始值。我想访问单选按钮的值。有人能帮我从单选按钮中得到实际值吗。下面是我用来获取值的代码片段。

 $("#answerToQuest input:radio[name='options']:checked").val();

或

选项是单选按钮组mydiv id

$('input[name=options]:checked', '#answerToQuest').val()

提前感谢！Kamesh

Answer 1

您可以使用

$(function(){
    $("#submit").click(function(){      
        alert($('input[name=q12_3]:checked').val());
    });
});

工作小提琴

Answer 2

您可以尝试

 $("#answerToQuest :radio:checked").val();

Answer 3

我也遇到过类似的问题。这主要是因为单选按钮本身没有任何价值，就像下面的标记一样：

<label for="car">
    <input type="radio" id="car" name="options" />Car</label>
<br/>
<label for="bike">
    <input type="radio" id="bike" name="options" />Bike</label>

因此，如果您尝试Fiddle Demo#1，您会发现单击单选按钮时会收到"on"的警报。

我通过以下代码解决了这个问题（基于我的HTML标记）：

$("input:radio[name=theme]").change(function () {
    var value = this.nextSibling.nodeValue;
    alert(value);
});

Fiddle Demo#2