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>

これはジャバスクリプトです

$(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をクラスに変更する

<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());
});