jQuery で radio ボタンの取得、設定
HTML:
<input id="male" type="radio" name="sex" value="0"><label>男性</label> <input id="female" type="radio" name="sex" value="1"><label>女性</label>
■ チェックされたradioボタンのvalue値の取得する
jQuery の独自cssセレクタ(:checked)を使って取れる
// 男性にチェックが入っている場合 var result1 = $('input[name="sex"]:checked').val(); // 0 // or var result2 = $('input[name="sex"]').filter(':checked').val(); // 0
■ radioボタンにチェックが入っているか、いないか真偽値を取得する
// 男性にチェックが入っている場合 var result1 = $('#male').is(':checked'); // true var result2 = $('#female').is(':checked'); // false // or var result3 = $('#male').attr('checked'); // true var result4 = $('#male').attr('checked'); // false
■ radioボタンにチェックを入れる
$('#male').val(['0']); // male がチェックされる $('#female').val(['1']); // female がチェックされる // or $('input[name="sex"]').val(['0']); // male がチェックされる $('input[name="sex"]').val(['1']); // female がチェックされる // or $('#male').attr('checked', 'checked'); // male がチェックされる $('#female').attr('checked', 'checked'); // female がチェックされる