html单选框回显

在 HTML 中，单选框是通过 `<input type="radio">` 标签来实现的，通常需要设置 `name` 属性，以便将多个单选框组合成一个单选框组，只有一个单选框可以被选中。

要回显选中的单选框，可以使用 JavaScript 来实现。可以使用 `document.getElementsByName()` 方法获取单选框组中所有的单选框，然后遍历这些单选框，判断哪个单选框被选中了，最后将其值赋给某个元素来进行回显。

以下是一个示例代码：

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

<p id="result"></p>

<script>
  var radios = document.getElementsByName("gender");
  for (var i = 0; i < radios.length; i++) {
    if (radios[i].checked) {
      document.getElementById("result").innerHTML = "You selected: " + radios[i].value;
      break;
    }
  }
</script>

在这个示例中，有一个单选框组，其 `name` 属性为 `gender`，每个单选框都有一个不同的 `value` 值。当用户选中其中一个单选框后，点击提交按钮时，JavaScript 会通过遍历单选框组中的所有单选框来找到被选中的单选框，并将其值回显到页面上。