ラジオボタンの値をJavaScriptを使って取得・設定する

フォームで利用可能なラジオボタンの値を JavaScript から取得したり設定したりする方法について解説します。ラジオボタンはチェックボックスと同じようにはオンとオフの 2 つの値を切り替えるためのものですが、複数の選択肢の中から一つを選択する場合に使用されます。その為、同じグループに含まれるラジオボタンの中でオンになるラジオボタンは一つだけです。ラジオボタンを表示するには input 要素で type 属性に radio を指定します。

[ar0]

“function valueChange(event){ console.log('選択されているのは ' + event.currentTarget.value + ' です'); } let fruitRadio1 = document.getElementById('fruitRadio1'); fruitRadio1.addEventListener('change', valueChange); let fruitRadio2 = document.getElementById('fruitRadio2'); fruitRadio2.