JavaScriptでラジオボタンを取得するときに「for」文でまわして取得するのは面倒ですよね。
今回はjQueryのように一行で「ラジオボタン」の値を取得する方法を紹介します。
通常
for文で取得
const elements = document.getElementsByName("hoge");
let val;
for (let i = 0, i < elements.length; i++) {
if(elements[i].checked) {
val = elements[i].value ;
break;
}
}ワンライナー
querySelectorで取得
let val = document.querySelector('input[name="hoge"]:checked').value;findメソッドで取得
let val = Array.from(document.getElementsByName('hoge')).find(e => e.checked).value;
