js 获取选中radio的值

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

function getSelectedRadioValue() {
  // 获取所有名为 'gender' 的单选按钮
  var radios = document.getElementsByName('gender');
  var selectedValue = null;

  // 遍历所有单选按钮
  for (var i = 0; i < radios.length; i++) {
    if (radios[i].checked) {
      selectedValue = radios[i].value;
      break;
    }
  }

  // 输出选中的值
  console.log('Selected value:', selectedValue);
}

window.onload = function() {
  // 确保DOM加载完毕后再绑定事件或执行脚本
  document.getElementById('myButton').onclick = getSelectedRadioValue;
};