html单选框如何传值给后端

在 HTML 中，单选框可以使用 `<input type="radio">` 标签来创建。要将单选按钮的值传递给后端，需要将它们包含在一个表单中，并使用表单的提交按钮将表单数据发送到后端。

下面是一个示例代码，展示如何在表单中包含单选框，并使用 JavaScript 将其值传递给后端：

<form>
  <input type="radio" name="gender" value="male"> Male<br>
  <input type="radio" name="gender" value="female"> Female<br>
  <input type="button" value="Submit" onclick="submitForm()">
</form>

<script>
function submitForm() {
  var radios = document.getElementsByName('gender');
  var selectedValue;
  for (var i = 0; i < radios.length; i++) {
    if (radios[i].checked) {
      selectedValue = radios[i].value;
      break;
    }
  }
  // 将 selectedValue 发送给后端
}
</script>

在上面的示例中，我们首先在 HTML 表单中包含了两个单选框，它们都有相同的名称 `gender`。然后在 JavaScript 中，我们通过 `getElementsByName` 方法获取了单选框元素的集合，并遍历这个集合来找到被选中的单选框，并将其值存储在 `selectedValue` 变量中。最后，我们可以将 `selectedValue` 发送给后端进行处理。