ラジオボタンのイベントリスナーを設定する方法

なるほど、同じラジオボタンのname属性は同じなので、name属性でまとめて取れます。次のような感じです。

for (const elem of document.querySelectorAll('[name="contract_duration"]')) {
  elem.addEventListener("change", () => console.log('hey'))
}

ラジオボタンが動的に増減するときは、フォームにイベントリスナーを設定して、バブリングしてきたイベントのターゲットをみて判別すると良いと思います。。

form.addEventListener("change", ({target}) => {
  if(target.name === 'contract_duration') {
    console.log('hey')
  }
})

@ledsun blog