Javascript name属性を指定して要素を取得する
環境
Windows 10 home 64bit
Google Chrome 107.0.5304.122（Official Build） （64 ビット）
構文
document.getElementsByName(“指定要素name属性の値");
getElementsByNameメソッドを使って、指定name属性の要素をすべて取得します。
使用例
<!DOCTYPE html>
<html>
<body>
<input type="radio" name="city" value="tokyo" />東京
<input type="radio" name="city" value="oosaka" />大阪
<input type="radio" name="city" value="fukuoka" />福岡
<p><button onclick="myFunction()">検証</button></p>
<script>
function myFunction() {
// name名「city」を全てを取得
let gg = document.getElementsByName("city");
// name名「city」のテキストを表示
for (let i = 0; i <gg.length; i++) {
console.log(gg[i].value);
}
}
</script>
</body>
</html>
実行結果
「検証」ボタンを押すと、コンソールに下記メッセージを出力します。
tokyo
oosaka
fukuoka