javascript - Jquery:获取不同单选按钮组的值

Question

我有两个单选按钮组。这里的问题是， val() 返回的结果不一致，并且输出似乎停留在一些旧值上。我错过了什么？

<form id="form_1">
    <div id="myForm_1">

        <input type="radio" name="radioName_1" value="1" /> 1 <br />
        <input type="radio" name="radioName_1" value="2" /> 2 <br />
        <input type="radio" name="radioName_1" value="3" /> 3 <br />
    </div>
</form>
<hr>
<form id="form_2">
    <div id="myForm_2">
        <div id="new">
            <input type="radio" name="radioName_2" value="4" /> 4 <br />
            <input type="radio" name="radioName_2" value="5" /> 5 <br />
            <input type="radio" name="radioName_2" value="6" /> 6 <br />
        </div>
    </div>
</form>

JavaScript 是:

$('input').on('change', function() {
   var question = $(this).closest("form").attr("id");
   var selected = $('input[name^=radioName]:checked').val();
   var msg = question + " " + selected;
   alert(msg); 
});

http://jsfiddle.net/RhnvU/1847/

Answer 1

<强> Demo

this.value 用于在 JavaScript 中选择当前单选按钮值，closest() 用于选择父级

  $('input').on('change', function () {
    var question = $(this).closest("form").prop("id");
    var selected = this.value;
    var msg = question + " " + selected;
    alert(msg);
});