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

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

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

我一直没有定义。

当前回答

在php中，这很简单 html页面

男性<输入类型=“收音机” 名称=“收音机” 值=“男性”><br/> 母<输入类型=“收音机” 名称=“收音机” 值=“母”><br/> 其他<输入类型=“无线电” 名称=“无线电” 值=“其他”><br/> <输入类型=“提交”值=“提交”>

从表单到php取值

$radio=$_POST['radio'];<br/>
use php if(isset($_POST['submit']))<br/>
{<br/>
echo "you selected".$radio."thank u";<br/>
}

2018-07-19 11:35:20

其他回答

在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

您可以使用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

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

2017-04-29 19:47:22

如果你正在使用jQuery:

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

2016-02-23 09:18:43

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

推荐文章

最新文章

标签