javascript - 2番目のラジオボタンの選択値を取得できません

Question

ラジオボタンが2組あります。1つは性別用、もう1つはユーザータイプ用です。私の問題は、ユーザータイプであるラジオボタンの2番目のペアの選択された値を取得できないことです。性別であるラジオボタンの最初のペアの選択された値のみを取得します。手伝ってもらえますか？

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

Answer 1

jQuery（'：radio'）セレクターを確認してください

を使用するval()と、input：checkedの値は表示されず、オンまたはオフのみが返されます。ラジオボタンの値を取得するには、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の例を確認してください