ラジオボタンの値を JavaScript でスマートに取得する

ラジオボタンでは複数のボタンから選択されたボタンの値を取得する必要があります。真正面からやると for 文を使ったりすることになりそうです。ですがちょっと工夫をしてスマートに取得してみました。

<label><input name="grp" value="1" checked>item 1</label>
<label><input name="grp" value="2">item 2</label>
<label><input name="grp" value="3">item 3</label>

let radio = document.quarySelectorAll(`[name="grp"]`)
let radioVal = Array.from(radio).filter(rly => rly.checked)[0].value

1行で書けましたね。ちょっとごちゃごちゃしていますがスマートにできているのではないでしょうか。