js中如何获取radio的值

// 获取所有名为 'gender' 的单选按钮
const radios = document.querySelectorAll('input[name="gender"]');

// 遍历单选按钮，找到选中的那个
let selectedValue;
radios.forEach(radio => {
    if (radio.checked) {
        selectedValue = radio.value;
    }
});

console.log(selectedValue); // 输出选中的值

// 获取所有名为 'gender' 的单选按钮
const radios = document.getElementsByName('gender');

let selectedValue;
for (let i = 0; i < radios.length; i++) {
    if (radios[i].checked) {
        selectedValue = radios[i].value;
        break; // 找到后立即退出循环
    }
}

console.log(selectedValue); // 输出选中的值

<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female

<script>
document.querySelectorAll('input[name="gender"]').forEach(radio => {
    radio.addEventListener('change', function() {
        if (this.checked) {
            console.log(this.value); // 输出当前选中的值
        }
    });
});
</script>

window.onload = function() {
    // 上面的获取值的代码放在这里
};