<input type="radio">

　<input type="radio">は、複数の選択肢から一つだけ選択できる HTML タグエレメントで、<input> のタイプのひとつです。
　選択肢を複数設けるには、<input type="radio">エレメントを複数定義します。

<label><input name="val_radio" type="radio" value="" />いぬ</label>
<label><input name="val_radio" type="radio" value="" />ねこ</label>
<label><input name="val_radio" type="radio" value="" />さる</label>

表示例

いぬねこさる

　<label> エレメントは項目名や説明のために付けることができます。

　複数の選択をする場合は、チェックボックス <input type="checkbox"> を使用します。

- ad -

属性

　グローバル属性も持ちます。以下に主な属性のみを示します。

Attribute	Value	Extra information
type		扱うデータタイプまたはinputタグの形状
name		＊必須。タグエレメントを特定するための属性です。
class		cssに使います。同名のclassは同じスタイルが適応されます。
maxlength		最大入力数
size		入力ボックスの幅

value値と項目テキスト

　以下の編集方法は、項目ごとに「value値=項目名」と編集します。最初の値はvalue値で、次の値が項目名です。
　checkedを付けることでデフォルトの値として指定できます。

ブラウザでの見え方（このページのスタイルが反映されています）

JavaScript

　複数の <input type="radio"> から JavaScript で選択された値を取得するには、以下のように checked 属性が true である項目の value 値を取り出します。

<input type="radio"> からの値の取得

value_checked = '';
for( i=0; i < form_name.input_name.length; ++i ){
	if( form_name.input_name.checked == true )
		value_checked = form_name.input_name[i].value;
}

　複数ある選択肢から繰り返し評価を行い checked==true である value 値を取得します。上記の例では、value_checked に値を取得しています。

　サーバー送信の場合は、取り出し処理を行わなくても checked された値が送信されます。

　詳しくは、NodeList インターフェイス　Exampleを参照してください。

- ad -

<input type="radio">

属性

JavaScript

関連typeについて

関連（Related）