gin框架23--绑定 HTML 复选框

昕光xg

已于 2022-03-29 00:35:14 修改

阅读量663

点赞数

分类专栏： Golang 文章标签： golang web gin框架绑定 HTML 复选框 html form

于 2022-03-29 00:32:55 首次发布

本文链接：https://blog.csdn.net/u011127242/article/details/123810201

版权

Golang 专栏收录该内容

64 篇文章 19 订阅

订阅专栏

gin框架23--绑定 HTML 复选框

介绍
案例
说明

介绍

本文通过一个简单的案例，将结构体和html中的 form 数据绑定在一起。

案例

源码：
main.go

package main

import (
	"github.com/gin-gonic/gin"
)

type myForm struct {
	Colors []string `form:"colors[]"`
}

func main() {
	r := gin.Default()

	r.LoadHTMLGlob("views/*")
	r.GET("/", indexHandler)
	r.POST("/", formHandler)

	r.Run(":8080")
}

func indexHandler(c *gin.Context) {
	c.HTML(200, "form.html", nil)
}

func formHandler(c *gin.Context) {
	var fakeForm myForm
	c.Bind(&fakeForm)
	c.JSON(200, gin.H{"color": fakeForm.Colors})
}

views/form.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>gin23</title>
</head>
<body>
<form action="/" method="POST">
    <p>Check some colors</p>
    <label for="red">Red</label>
    <input type="checkbox" name="colors[]" value="red" id="red" />
    <label for="green">Green</label>
    <input type="checkbox" name="colors[]" value="green" id="green" />
    <label for="blue">Blue</label>
    <input type="checkbox" name="colors[]" value="blue" id="blue" />
    <input type="submit" />
</form>
</body>
</html>

测试：

$ tree -L 2
.
├── go.mod
├── go.sum
├── main.go
└── views
    └── form.html

http://127.0.0.1:8080/
在这里插入图片描述点击 Red

说明

gin官方文档绑定 HTML 复选框
 Bind a checkbox group

昕光xg

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
gin框架23--绑定 HTML 复选框

gin框架23--绑定 HTML 复选框介绍案例说明介绍本文通过一个简单的案例，将结构体和html中的 form 数据绑定在一起。案例源码：main.gopackage mainimport ( "github.com/gin-gonic/gin")type myForm struct { Colors []string `form:"colors[]"`}func main() { r := gin.Default() r.LoadHTMLGlob("views/*"
复制链接

扫一扫