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

Question

我正在使用此代码来获取当前所选单选按钮的值，但是它不起作用。var mailcopy = document.getElementById('mailCopy').value; 如何使用Javascript获取当前选定的单选按钮值？

Answer 1

单选按钮以相同的名称和不同的ID分组，其中之一将被选中的属性设置为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 2

检查这个

<input class="gender" type="radio" name="sex" value="male">Male

<br>

<input class="gender" type="radio" name="sex" value="female">Female

<script type="text/javascript">

$(document).ready(function () {

$(".gender").change(function () {

    var val = $('.gender:checked').val();

    alert(val);

});

});

</script>