dom_dom0600_004

ラジオボタンの現在選択されている値を取得する正しい方法はどれですか？

  1. querySelector(“input[type=radio]”).value
  2. querySelector(“input[type=radio]:checked”).value
  3. getElementsByTagName(“radio”)[0].checked
  4. document.value(“radio”)
正解
  1. querySelector(“input[type=radio]:checked”).value
解説

ラジオボタンは複数存在するため、選択されている要素を :checked 疑似クラスで取得し、その value を参照します。

使用例（サンプルコード）

[ javascript ]

let selected = document.querySelector("input[name=gender]:checked").value;
console.log(selected);