我正在使用此代码来获取当前选定的单选按钮的值，但它不起作用。
var mailcopy = document.getElementById('mailCopy').value;
如何使用Javascript获取当前选择的单选按钮值？
如何使用js获取选中的单选按钮值
IT技术
javascript
radio-button
2021-01-31 06:58:41
6个回答
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>");
如果您使用的是 jQuery，以下代码对您有用。
$('input[name=radioName]:checked').val();
单选按钮成组出现，它们具有相同的名称和不同的 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);
}
检查这个
<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>
也许我在这里遗漏了一些东西，但是好的旧标准 JS 不会工作吗？我是说：
var selectedOption = document.getElementById('your-form-name')['radio-group-name'].value;
...当然只有在为您的无线电输入元素提供“value”时才有效。
<input type="radio" name="radio-group-name" value="red" checked>
<input type="radio" name="radio-group-name" value="blue">
在上面的示例中，该值应为“红色”或“蓝色”。