javascript - 无法获得第二个单选按钮选定值

Question

我有两对单选按钮。一对用于性别，另一对用于用户类型。我的问题是我无法获得用户类型的第二对单选按钮的选定值。仅获取第一对单选按钮的选定值，即性别。你能帮我吗？

$('input:radio[name=user[user_type_id]]:checked').val();
$('input:radio[name=user[gender]]:checked').val();

Answer 1

检查jQuery(':radio')选择器

如果您使用val()then 它不会给出输入值：选中，它只会返回打开或关闭。要获取单选按钮的值，请使用attr方法：

//HTML

<div>
<input type="radio" name="gender"  value="Male"/>
<input type="radio" name="gender" value="Female" /></div>
<div>
    <input type="radio" name="user" value="admin"/>
    <input type="radio" name="user" value="user" />
</div>
<input type="button" id="clickMe" value ="Click Me" />

//js

$('#clickMe').click(function(){

alert($('input[name=gender]:radio:checked').attr('value'));
    alert($('input[name=user]:radio:checked').attr('value'));

});

参考：
获取 <input> 的属性名称值
jquery 在未设置属性时获取属性值

检查这个jsFiddle示例