如何使用js获取所选的单选按钮值

Question

我正在使用此代码获取当前所选单选按钮的值,但它不起作用.

var mailcopy = document.getElementById('mailCopy').value; 

如何使用Javascript获取当前选中的单选按钮值？

Answer 1

HTML

<p>Gender</p>
<input type="radio" id="gender0" name="gender" value="Male">Male<br>
<input type="radio" id="gender1" name="gender" value="Female">Female<br>

JS

var gender = document.querySelector('input[name = "gender"]:checked').value;
document.writeln("You entered " + gender + " for your gender<br>");

Answer 2

如果您使用的是jQuery,以下代码将适合您.

$('input[name=radioName]:checked').val();

Answer 3

单选按钮分组具有相同的名称和不同的ID,其中一个将checked属性设置为true,因此循环遍历它们直到找到它.

function getCheckedRadio(radio_group) {
    for (var i = 0; i < radio_group.length; i++) {
        var button = radio_group[i];
        if (button.checked) {
            return button;
        }
    }
    return undefined;
}
var checkedButton = getCheckedRadio(document.forms.frmId.elements.groupName);
if (checkedButton) {
    alert("The value is " + checkedButton.value);
}

Answer 4

使用该element.checked财产。