如何获取单选按钮中赋值的值？

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

var selectedOption = document.querySelector('input[name="gender"]:checked');

var radioButtons = document.getElementsByName('gender');
var selectedOption;
for (var i = 0; i < radioButtons.length; i++) {
  if (radioButtons[i].checked) {
    selectedOption = radioButtons[i];
    break;
  }
}

console.log(selectedOption.value);