javascript - 将单选按钮值传递给 Javascript

Question

这是我的 HTML

<tr>
    <td class="g">
    Gender
    </td>
    <td class="g_input">
        <input type="radio" name="gender" id="settings_gender" value="Male" checked />&nbsp;&nbsp;Male &nbsp;&nbsp;&nbsp;
    <input type="radio" name="gender" id="settings_gender" value ="Female" />&nbsp;&nbsp;Female
    </td>
</tr>

这是javascript

$(document).ready(function () {
    $(".update-basic-info").click(function () {
        var gender = $("#settings_gender").val();

        alert(gender);
    });
});

输出只显示男性，当我检查女性单选按钮时，它仍然显示男性

Answer 1

ID 在您的页面上应该是唯一的。您可以使用类或仅使用名称属性来完成

var gender = $('input[name=gender]:checked').val();

或将 ID 更改为 class

<input type="radio" name="gender" class="settings_gender" value="Male" checked />&nbsp;&nbsp;Male &nbsp;&nbsp;&nbsp;
<input type="radio" name="gender" class="settings_gender" value ="Female" />&nbsp;&nbsp;Female

var gender = $(".settings_gender:checked").val();

工作 jsFiddle：http: //jsfiddle.net/TvVFM/

Answer 2

$('input[name=gender]').click(function(){
     alert($(this).val());
});

或将两个单选按钮的类设置为“settings_gender”并试试这个

$('.settings_gender').click(function(){
     alert($(this).val());
});