Input Radio value 属性

HTML DOM インプット ラジオ オブジェクト

定義と使用方法

value ラジオボタンの value 属性の値を設定または返します。

ラジオボタンの場合、value 属性の内容はユーザーインターフェースに表示されません。value 属性はフォームの送信時にのみ意味があります。フォームを送信する際にラジオボタンが選択されている場合、ラジオボタンの名前と value 属性の値が一緒に送信されます（ラジオボタンが選択されていない場合、何も送信されません）。

ヒント：同じグループのラジオボタンに異なる値を定義して、（サーバー側で）どのオプションが選択されたかを識別してください。

参照してください：

HTML リファレンスマニュアル：HTML <input> value 属性

例

例 1

ラジオボタンの value 属性の値を取得します：

var x = document.getElementById("myRadio").value;

自分で試してみてください

例 2

ラジオボタンの value 属性の値を変更します：

document.getElementById("myRadio").value = "newRadioBtnValue";

自分で試してみてください

例 3

選択されたラジオボタンの値を表示するために、単一選択ボタンとテキスト入力フィールドを使用します：

document.getElementById("result").value = browser;

自分で試してみてください

構文

value 属性を返す：

radioObject.value

value 属性を設定する：

radioObject.value = text

属性値

値 説明
text 入力に関連付けられた値を指定します（これは送信時に送信される値です）。

技術的詳細

返り値： チェックボックスの value 属性の値を示す文字列値。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

HTML DOM インプット ラジオ オブジェクト