js怎么判定单选框

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

function checkRadioSelected(name) {
  const radios = document.getElementsByName(name);
  for (let i = 0; i < radios.length; i++) {
    if (radios[i].checked) {
      return radios[i].value;
    }
  }
  return null;
}

// 使用示例
const selectedGender = checkRadioSelected('gender');
if (selectedGender) {
  console.log('Selected gender:', selectedGender);
} else {
  console.log('No gender selected');
}

function setRadioChecked(name, value) {
  const radios = document.getElementsByName(name);
  for (let i = 0; i < radios.length; i++) {
    if (radios[i].value === value) {
      radios[i].checked = true;
      break;
    }
  }
}

// 使用示例
setRadioChecked('gender', 'female');