如何获取所选单选按钮的值?

我想从一组单选按钮中获得选定的值。

这是我的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>

这是我的js:

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;

我一直没有定义。

当前回答

使用文档。querySelector('input[type = radio]:checked').value;要获得所选复选框的值，你可以使用其他属性来获取值，如名称=性别等，请通过下面的代码片段，它肯定会对你有帮助，

解决方案

document.mainForm.onclick = function（）{ var gender = document.querySelector（'input[name = gender]：checked'）.value; result.innerHTML = 'You Gender： '+gender; } <form id=“mainForm” name=“mainForm”> <输入类型=“收音机”名称=“性别”值=选中“男性”/>小 <输入类型=“收音机”名称=“性别”值=“女性”/>女性 <输入类型=“电台” 名称=“性别” 值=“其他” />其他 </form> <span id=“result”></span>

感谢

2017-11-20 12:20:10

其他回答

最短的

[...rates.children].find(c=>c.checked).value

Let v=[…rates.children].find(c=>c.checked).value console.log (v); < div id = "利率" > <input type="radio" id="r1" name="rate" value="Fixed rate" >固定利率 <input type="radio" id="r2" name="rate" value="可变利率">可变利率 <input type="radio" id="r3" name="rate" value="Multi rate" checked="checked"> Multi rate . < / div >

2020-07-20 22:20:07

如果你正在使用javascript而不是jQuery，你可以使用这个命令:

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

2021-08-24 15:41:38

只需使用:document.querySelector('input[rate][checked]').value

2017-08-31 07:43:12

在Javascript中，我们可以通过使用Id的“getElementById()”来获取值，在上面的代码中，您发布的包含名称而不是Id 所以你需要这样修改

if (document.getElementById('r1').checked) {
  rate_value = document.getElementById('r1').value;
}

根据您的代码使用这个rate_value

2013-10-08 07:45:06

var rates=document.getElementsByName("rate"); for (i = 0; i < rates.length; i++) { if (rates[i].checked) { console.log(rates[i].value); rate=rates[i].value; document.getElementById("rate").innerHTML = rate; alert(rate); } } <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> </br> <div id='rate'> </div>

2019-01-23 09:58:37

如何获取所选单选按钮的值?

推荐文章

最新文章

标签