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

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

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

其他回答

下面是一种解决方案，将单选按钮放在一个常量中，只在需要时获取所选值。

Const rates = document.forms.rates.elements["rate"] showRate () 函数showRate () { . getelementbyid(的结果)。innerHTML = rates.value ｝ <form id="rates" onchange="showRate()" > <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 id = "结果" > < / div >

2021-09-24 02:18:43

如果你正在使用jQuery:

$（'input[name=“rate”]：checked'）.val（）;

2016-02-23 09:18:43

您可以使用checked属性来获取该值。

var rates = document.getElementsByName('rate');
var rate_value;
for(var i = 0; i < rates.length; i++){
    if(rates[i].checked){
        rate_value = rates[i].value;
    }
}

2013-04-05 16:48:22

对我有用的是下面api.jquery.com上给出的。

HTML

<input type="radio" name="option" value="o1">option1</input>
<input type="radio" name="option" value="o2">option2</input>

JavaScript

var selectedOption = $("input:radio[name=option]:checked").val()

变量selectedOption将包含所选单选按钮的值(即o1或o2)

2016-05-23 13:15:17

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

2017-08-31 07:43:12

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

推荐文章

最新文章

标签