js如何获取radio对象

var radio = document.getElementById('myRadioId');

var radios = document.getElementsByName('myRadioName');

var allRadios = document.getElementsByTagName('input');
for (var i = 0; i < allRadios.length; i++) {
    if (allRadios[i].type === 'radio') {
        // 处理每个单选按钮
    }
}

// 获取第一个匹配的单选按钮
var firstRadio = document.querySelector('input[type="radio"]');

// 获取所有匹配的单选按钮
var allRadios = document.querySelectorAll('input[type="radio"]');

<form id="myForm">
    <input type="radio" name="gender" value="male" id="male">
    <label for="male">Male</label><br>
    <input type="radio" name="gender" value="female" id="female">
    <label for="female">Female</label><br>
    <input type="radio" name="gender" value="other" id="other">
    <label for="other">Other</label>
</form>

function getSelectedRadioValue() {
    var radios = document.getElementsByName('gender');
    for (var i = 0; i < radios.length; i++) {
        if (radios[i].checked) {
            return radios[i].value;
        }
    }
    return null; // 如果没有选中任何单选按钮，则返回null
}

// 使用示例
console.log(getSelectedRadioValue()); // 输出选中的值，例如 "male"