Javascript 检查单选按钮的值

Javascript 检查单选按钮的值,javascript,jquery,html,Javascript,Jquery,Html,现场: 为什么这总是让我看到水?如何检查这些单选按钮的值?如果我更改此值并单击“检查”,我希望检查此项。将$('input[name=group2]')替换为$('input[name=group2]:checked'):) 演示: 发生这种情况的原因是,$('input[name=group2]')将生成一个包含所有单选按钮的数组,因此只会给出第一个元素(默认情况下会出现)。因此,要获取所选元素,必须使用:checked伪选择器。像这样尝试 function check() { ale

现场:

为什么这总是让我看到水?如何检查这些单选按钮的值?如果我更改此值并单击“检查”,我希望检查此项。

$('input[name=group2]')
替换为
$('input[name=group2]:checked')
:)

演示:

发生这种情况的原因是,
$('input[name=group2]')
将生成一个包含所有单选按钮的数组,因此只会给出第一个元素(默认情况下会出现)。因此,要获取所选元素,必须使用
:checked
伪选择器。

像这样尝试

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

选择器
$('input[name=group2]')
将选择具有该名称的所有元素,并且
val()
仅返回集合中第一个元素的值,因此始终是
Water
。您必须仅针对已检查的收音机:

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

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