gin获取web中radio选择的值为啥都是on

如果在gin中获取web中radio选择的值时，获取到的值都是`on`，那么可能是因为你没有正确设置radio的`value`属性。

在HTML中，radio类型的表单元素需要设置`value`属性来指定选项的值。如果你没有设置`value`属性，那么默认的选项值就是`on`。因此，如果你在gin中获取radio的值时，所有选项的值都是`on`，那么说明你在HTML中没有正确设置`value`属性。

例如，假设你的radio选项是这样的：

<form>
  <input type="radio" name="gender" value="male"> Male<br>
  <input type="radio" name="gender" value="female"> Female<br>
  <input type="submit" value="Submit">
</form>

在这个例子中，每个radio选项都有一个`value`属性，用来指定选项的值。如果用户选择了`Male`这个选项，那么在后台获取到的值就是`male`。如果用户选择了`Female`这个选项，那么在后台获取到的值就是`female`。如果你在后台获取到的值都是`on`，那么可能就是因为你没有正确设置`value`属性。

相关问题

gin获取web中radio选择的值

在gin中获取web中radio选择的值需要通过form表单传值，然后在后台通过Context对象获取对应的值。

例如，假设你的form表单中有一个radio选项，name属性为“gender”，你可以在后台通过以下代码获取到用户选择的值：

func handleFormSubmission(c *gin.Context) {
    gender := c.PostForm("gender")
    // 处理接下来的逻辑
}

其中，`PostForm`方法会自动解析form表单中的数据，将用户选择的值赋值给`gender`变量。假设用户选择了“male”这个选项，则`gender`变量的值就是“male”。

gin获取html中radio选择的值

如果您使用的是 Golang 和 Gin 框架来处理后端的逻辑，获取 HTML 中 radio 选择的值则需要在前端页面使用 JavaScript 将选中的值传递给后端。这里提供一种示例代码：

前端 HTML 文件：

<form>
  <input type="radio" name="radio_name" value="value_1"> Value 1<br>
  <input type="radio" name="radio_name" value="value_2"> Value 2<br>
  <input type="radio" name="radio_name" value="value_3"> Value 3<br>
  <button type="button" onclick="submitForm()">Submit</button>
</form>

<script>
function submitForm() {
  var radios = document.getElementsByName('radio_name');
  var selected_value;

  for (var i = 0; i < radios.length; i++) {
    if (radios[i].checked) {
      selected_value = radios[i].value;
      break;
    }
  }

  fetch('/submit', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({
      selected_value: selected_value
    })
  }).then(response => {
    console.log(response);
  });
}
</script>

后端 Golang 代码：

package main

import (
    "fmt"
    "net/http"
)

type RequestBody struct {
    SelectedValue string `json:"selected_value"`
}

func main() {
    router := http.NewServeMux()

    router.HandleFunc("/submit", func(w http.ResponseWriter, r *http.Request) {
        if r.Method != "POST" {
            http.Error(w, "Method not allowed", http.StatusMethodNotAllowed)
            return
        }

        var reqBody RequestBody
        if err := json.NewDecoder(r.Body).Decode(&reqBody); err != nil {
            http.Error(w, err.Error(), http.StatusBadRequest)
            return
        }

        selectedValue := reqBody.SelectedValue
        fmt.Fprintf(w, "Selected value: %s", selectedValue)
    })

    http.ListenAndServe(":8080", router)
}

这里使用 fetch API 将选中的值以 JSON 格式传递给后端的 `/submit` 接口，后端则使用 `json.NewDecoder()` 函数解析传递过来的 JSON 请求体，从而取得选中的值。