多次直接调用单选按钮会给你FIRST按钮的值，而不是CHECKED按钮。我宁愿调用一个onclick javascript函数来设置一个变量，以便稍后可以随意检索，而不是循环遍历单选按钮来查看哪个按钮被选中。

<input type="radio" onclick="handleClick(this)" name="reportContent" id="reportContent" value="/reportFleet.php" >

电话:

var currentValue = 0;
function handleClick(myRadio) {
    currentValue = myRadio.value;
    document.getElementById("buttonSubmit").disabled = false; 
}

额外的好处是我可以处理数据和/或对按钮的检查做出反应(在这种情况下，启用SUBMIT按钮)。

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

对于生活在边缘的人们:

现在有一个叫做RadioNodeList的东西，访问它的value属性将返回当前选中输入的值。这将消除首先过滤掉“已检查”输入的必要性，就像我们在许多张贴的答案中看到的那样。

示例的形式

<form id="test">
<label><input type="radio" name="test" value="A"> A</label>
<label><input type="radio" name="test" value="B" checked> B</label>
<label><input type="radio" name="test" value="C"> C</label>
</form>

要检索检查过的值，你可以这样做:

var form = document.getElementById("test");
alert(form.elements["test"].value);

证明这一点的JSFiddle: http://jsfiddle.net/vjop5xtq/

请注意，这是在Firefox 33中实现的(所有其他主要浏览器似乎都支持它)。旧的浏览器将需要一个RadioNodeList的polfyill来正常工作

使用文档。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>

感谢

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

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

你可以使用.find()来选择选中的元素:

var radio = Array.from(document.querySelectorAll('#rate input'))

var value = radio.length && radio.find(r => r.checked).value