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>検証</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