将单选按钮值传递给Javascript

Passing radio button values to Javascript

本文关键字：Javascript 值传 单选按钮      更新时间：2023-09-26

这是我的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);
    });
});

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

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

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

或将ID更改为类

<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/

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

或者将两个单选按钮的类别设置为"settings_egender"，然后尝试此

$('.settings_gender').click(function(){
     alert($(this).val());
});
相关文章：