☰

選択されたラジオボタンの値を取得する方法 質問する

tag-icon • tag-icon javascript html radio-button
選択されたラジオボタンの値を取得する方法 質問する

ラジオボタンのグループから選択された値を取得したい。

これが私の HTML です:

<div id="rates">
  <input type="radio" id="r1" name="rate" value="Fixed Rate"> Fixed Rate
  <input type="radio" id="r2" name="rate" value="Variable Rate"> Variable Rate
  <input type="radio" id="r3" name="rate" value="Multi Rate" checked="checked"> Multi Rate
</div>

これが私の JavaScript コードです:

var rates = document.getElementById('rates').value;
var rate_value;
if(rates == 'Fixed Rate'){
    rate_value = document.getElementById('r1').value;

}else if(rates == 'Variable Rate'){
    rate_value = document.getElementById('r2').value;

}else if(rates == 'Multi Rate'){
    rate_value = document.getElementById('r3').value;
}

document.getElementById('results').innerHTML = rate_value;

未定義状態が続きます。

ベストアンサー1

これは IE9 以降および他のすべてのブラウザで動作します。

document.querySelector('input[name="rate"]:checked').value;

おすすめ記事