RadioNodeList: value プロパティ

基盤となる要素の集合にラジオボタンが含まれている場合、RadioNodeList.value プロパティはチェック状態のラジオボタンを表します。value プロパティを取得すると、現在 checked 状態になっているラジオボタンの value が文字列として返されます。集合内にラジオボタンが含まれていなかったり、集合内のラジオボタンに checked 状態のものがなかったりした場合は、空文字列が返されます。value プロパティを設定すると、value プロパティが新しい値と等しい最初のラジオボタン入力要素に checked 状態が設定されます。

構文

js
value = radioNodeList.value
radioNodeList.value = string

例

HTML

html
<form>
  <label><input type="radio" name="color" value="blue" />青</label>
  <label><input type="radio" name="color" value="red" />赤</label>
</form>

JavaScript

js
// フォームを取得
const form = document.forms[0];

// フォームのラジオボタンの集合を取得
const radios = form.elements["color"];

// 「赤」の選択肢を選択
radios.value = "red";

結果

仕様書

Specification
HTML Standard
# dom-radionodelist-value

ブラウザーの互換性

BCD tables only load in the browser

関連情報