jQueryでラジオボタンを選択する方法

jQueryでラジオボタンを選択する方法

jQueryを使用してラジオボタンを動的に選択する簡単な例。

name =” sex”のラジオボタングループ。

Male
Female
Unknown

1. 選択したラジオボタンの値を表示します。

$('input:radio[name=sex]:checked').val();

2. ラジオボタンを選択するには(男性)。
The radio button is 0-based, so the ‘Male’ = ‘0’, ‘Female’ = ‘1’ and ‘Unknown’ = ‘2’.

$('input:radio[name=sex]:nth(0)').attr('checked',true);
or
$('input:radio[name=sex]')[0].checked = true;

3. ラジオボタンを選択するには(女性)。

$('input:radio[name=sex]:nth(1)').attr('checked',true);
or
$('input:radio[name=sex]')[1].checked = true;

4. ラジオボタンを選択するには(不明)。

$('input:radio[name=sex]:nth(2)').attr('checked',true);
or
$('input:radio[name=sex]')[2].checked = true;

5. 選択したラジオボタンをリセットします。

$('input:radio[name=sex]').attr('checked',false);

jQueryのラジオボタンを選択する例



jQuery select a radio button example







jQuery select a radio button example

Male Female Unknown