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

UEPosted by

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

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA