javascript - 检查单选按钮的值

Question

<input type="radio" name="group2" value="Water"> Water<br>
<input type="radio" name="group2" value="Beer"> Beer<br>
<input type="radio" name="group2" value="Wine" checked> Tee

    <span id="check" >check</span>

和 jQuery:

function check()
{
    alert($('input[name=group2]').val());
}
$('#check').click(function(){
    check();
});
$('input[name=group2]').change(function(){
    check()
})

直播:http://jsfiddle.net/j9cj5/

为什么总是显示水？我如何检查这些单选按钮的值？如果我更改此值并单击检查，我想检查此内容。

Answer 1

选择器 $('input[name=group2]') 将选择具有该名称的所有元素，val() 仅返回第一个元素的值集合中的元素，因此始终是水。您必须仅定位选中的 radio :

function check() {
    alert( $('input[name=group2]:checked').val());
}

FIDDLE