jQuery で radio ボタンの取得、設定

jQuery

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 がチェックされる