js中怎么获取radio的值

// 假设HTML中有如下单选按钮组：
// <input type="radio" name="gender" value="male"> Male
// <input type="radio" name="gender" value="female"> Female

// 使用querySelector获取选中的单选按钮的值
var selectedValue = document.querySelector('input[name="gender"]:checked').value;
console.log(selectedValue); // 输出选中的值，例如 "male" 或 "female"

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

for (var i = 0; i < radios.length; i++) {
    if (radios[i].checked) {
        console.log(radios[i].value); // 输出选中的值
        break;
    }
}

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

for (var i = 0; i < radios.length; i++) {
    radios[i].addEventListener('change', function() {
        console.log(this.value); // 输出选中的值
    });
}

var selectedRadio = document.querySelector('input[name="gender"]:checked');
if (selectedRadio) {
    console.log(selectedRadio.value);
} else {
    console.log('No option selected.');
}