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 # dom-radionodelist-value |
ブラウザーの互換性
Loading…