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

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

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

我一直没有定义。

当前回答

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

其他回答

如果你正在使用jQuery:

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

2016-02-23 09:18:43

HTML代码:

<输入类型=“无线电” 名称=“rdoName” 值=“是”/> <输入类型=“无线电” 名称=“rdoName” 值=“NO”/>

JQUERY代码:

var value= $("input:radio[name=rdoName]:checked").val();

$（“#btnSubmit”）.click（function（）{ var value=$（“input：radio[name=rdoName]：checked”）.val（）; 控制台.log（值）; 警报（值）; }) <script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script> <输入类型=“无线电” 名称=“rdoName” 值=“是”/> 是 <输入类型=“无线电” 名称=“rdoName” 值=“否”/> 否 <br/> <input type=“button”id=“btnSubmit”value=“哪一个选择了”/>

你会得到

value="YES" //if checked Radio Button with the value "YES"
value="NO" //if checked Radio Button with the value "NO"

2018-05-25 12:49:33

我使用了jQuery。点击function获得所需的输出:

$('input[name=rate]').click(function(){
  console.log('Hey you clicked this: ' + this.value);

  if(this.value == 'Fixed Rate'){
    rate_value = $('#r1').value;
  } else if(this.value =='Variable Rate'){
   rate_value = $('#r2').value;
  } else if(this.value =='Multi Rate'){
   rate_value = $('#r3').value;
  }  

  $('#results').innerHTML = rate_value;
});

希望能有所帮助。

2017-04-28 07:27:59

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

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

2021-08-24 15:41:38

如果按钮在窗体中 var myform = new FormData(getformbywhatever); myform.get(“率”); 上面的QuerySelector是一个更好的解决方案。然而，这种方法很容易理解，特别是如果你对CSS没有任何了解的话。另外，输入字段很可能是在一个表单中。没有检查，还有其他类似的解决方案，抱歉重复了

2017-04-29 19:47:22

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

推荐文章

最新文章

标签