SYSTEM DEVELOPMENT

STUDY GROUP

WebコンテンツのラジオボタンとJQuery

<p class=”radio-button”>
<input type=”radio” name=”nam” value=”v1″ checked=”checked”>Value1
<input type=”radio” name=”nam” value=”v2″>Value2
</p>
とある場合、JQueryでラジオボタンの値を取得したり設定したりする方法は
以下の様なものがある様です。
// 何れも、Value1 が選択されていた場合に true となる3つの書式
$(‘input[name=nam]:checked’).val() === ‘v1’;
$(‘input[name=nam]:eq(0)’).prop(‘checked’);
$(‘input[name=nam]:eq(0)’).is(‘:checked’);
//Value1 を選択する処理 2つの書方
$(‘input[name=nam]’).val([‘v1’]);
$(‘input[name=nam]:eq(0)’).prop(‘checked’, true);

menu