如何显示单选按钮集合的选定值

<form>
  <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>

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

<p id="selectedValue"></p>

<script>
  var selectedValue = document.querySelector('input[name="gender"]:checked').value;
  document.getElementById("selectedValue").innerHTML = "选定的值是：" + selectedValue;
</script>