如何使用javascript获取单选按钮上的值？

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

// 获取单选按钮元素
var radioButtons = document.getElementsByName("gender");

// 遍历单选按钮元素
for (var i = 0; i < radioButtons.length; i++) {
  // 判断单选按钮是否被选中
  if (radioButtons[i].checked) {
    // 获取选中单选按钮的值
    var selectedValue = radioButtons[i].value;
    console.log("选中的值为：" + selectedValue);
    break; // 如果只需要获取一个选中值，可以使用break跳出循环
  }
}