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

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

这是我的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.getElementById('rates').value;

rates元素是一个div，所以它没有值。这可能就是未定义的来源。

checked属性会告诉你元素是否被选中:

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

$("input[type='radio'][name='rate']:checked").val();

2013-04-05 16:50:19

其他回答

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

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

根据您的代码使用这个rate_value

2013-10-08 07:45:06

假设你的表单元素是由下面的myForm变量引用的，并且你的单选按钮共享名称“my-radio-button-group-name”，以下是纯JavaScript和标准兼容的(尽管我没有检查它是否在任何地方都可用):

myForm.elements.namedItem("my-radio-button-group-name").value

上述操作将产生选中(或也称为选中)单选按钮元素(如果有)的值，否则为空。解决方案的关键是namedItem函数，它专门用于单选按钮。

看到HTMLFormElement。元素，HTMLFormControlsCollection.namedItem，特别是RadioNodeList。作为namedItem通常返回一个RadioNodeList对象。

(我使用MDN是因为它允许人们跟踪标准遵从性，至少在很大程度上是这样，而且因为它比许多WhatWG和W3C出版物更容易理解)

2016-06-03 13:28:40

对我有用的是下面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

对前面建议功能的改进:

function getRadioValue(groupName) {
    var _result;
    try {
        var o_radio_group = document.getElementsByName(groupName);
        for (var a = 0; a < o_radio_group.length; a++) {
            if (o_radio_group[a].checked) {
                _result = o_radio_group[a].value;
                break;
            }
        }
    } catch (e) { }
    return _result;
}

2014-07-25 18:02:56

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

2017-04-29 19:47:22

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

推荐文章

最新文章

标签