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

显示单选按钮集合的选定值可以通过以下步骤实现：

创建一个包含单选按钮的HTML表单元素，每个单选按钮都有一个唯一的值和一个共同的名称。例如：

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

使用JavaScript获取选定的单选按钮的值。可以通过以下代码片段实现：

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

上述代码使用了querySelector方法来选择名称为"gender"的单选按钮，并且选中了被选中的单选按钮的值。

将选定的值显示给用户。可以通过将选定的值插入到HTML文档中的某个元素中来实现。例如，可以创建一个具有id属性的元素，并使用JavaScript将选定的值插入到该元素中：

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

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

上述代码将选定的值插入到具有id为"selectedValue"的段落元素中，并显示给用户。

这样，当用户选择了单选按钮后，选定的值将会显示在页面上。