js如何获取选中radio的值

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

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

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

<form id="myForm">
    <input type="radio" name="gender" value="male"> Male
    <input type="radio" name="gender" value="female"> Female
    <button type="button" onclick="getSelectedRadioValue()">Get Value</button>
</form>

<script>
function getSelectedRadioValue() {
    const form = document.getElementById('myForm');
    const formData = new FormData(form);
    const selectedValue = formData.get('gender');
    console.log(selectedValue); // 输出选中的值
}
</script>

// 使用 jQuery 获取选中的 radio 按钮的值
const selectedValue = $('input[name="gender"]:checked').val();
console.log(selectedValue); // 输出选中的值