相关文章推荐
温文尔雅的野马  ·  在Linux中的运行时指定UDP接收缓冲区大 ...·  8 月前    · 
威武的松树  ·  C语言Windows程序设计->第四天->详 ...·  1 年前    · 
腼腆的滑板  ·  Python3-定时任务四种实现方式_51C ...·  2 年前    · 
刚毅的针织衫  ·  Android判断应用是32位还是64位以及 ...·  2 年前    · 
慷慨的蚂蚁  ·  python可以提高程序执行速度N倍你知道吗 ...·  2 年前    · 
Code  ›  解决Django中checkbox复选框的传值问题开发者社区
checkbox选中事件 复选框 django
https://cloud.tencent.com/developer/article/1741195
含蓄的闹钟
2 年前
作者头像
砸漏
0 篇文章

解决Django中checkbox复选框的传值问题

前往专栏
腾讯云
开发者社区
文档 意见反馈 控制台
首页
学习
活动
专区
工具
TVP
文章/答案/技术大牛
发布
首页
学习
活动
专区
工具
TVP
返回腾讯云官网
社区首页 > 专栏 > 恩蓝脚本 > 解决Django中checkbox复选框的传值问题

解决Django中checkbox复选框的传值问题

作者头像
砸漏
发布 于 2020-11-04 15:34:53
2.4K 0
发布 于 2020-11-04 15:34:53
举报

Django 中,html 页面通过 form 标签来传递表单数据。

对于复选框信息,即 checkbox 类型,点击 submit 后,数据将提交至 view 中的函数。

我们通过request.POST.get() 函数来获取来自 html 页面的值,但是该函数只能 get 到选中的最后一个值。

因此想要传递选中的多个值,需要用 request.POST.getlist() 函数

该函数返回一个列表,可通过迭代来获取列表中每一项的值。

补充知识:解决checkbox复选框选中传值,不选中不传值的方案

解决checkbox复选框选中传值,不选中不传值的方案

问题描述:

一个form表单中的结构是这样的:

则页面显示结果是:

如上填写数据,经过序列化后的数据是:

[
{"id":"1","infoType":"11","infoName":"名称1","fileIsOpen":"o"},
{"id":"2","infoType":"12","infoName":"名称2","fileIsOpen":"n"}
]

从数据中明显看书fileIsOpen字段的checkbox复选框选中则传值是”o”,未被选中则传值是”n”,其中这是错误的数据,因为被选中传的值是on,也就是说checkbox复选框选中传值,不选中不传值。那么怎么解决不选中也传值的问题呢?

解决方案:

我们可以设置隐藏域来代替checkbox复选框传递数据,具体的页面修改如下:

checkbox复选框对应的点击事件:

再次输入相同的数据传递的数据是:

[
{"id":"1","infoType":"11","infoName":"名称1","fileIsOpen":"0"},
{"id":"2","infoType":"22","infoName":"名称2","fileIsOpen":"1"}
]

从数据可以这次传递的数据是正确的

上述方案存在的问题

如果页面什么不传递,

则传递的数据是这样的:

[
 
推荐文章
温文尔雅的野马  ·  在Linux中的运行时指定UDP接收缓冲区大小 - mingzhang - 博客园
8 月前
威武的松树  ·  C语言Windows程序设计->第四天->详解我的窗口(中) - wid - 博客园
1 年前
腼腆的滑板  ·  Python3-定时任务四种实现方式_51CTO博客_python 定时任务
2 年前
刚毅的针织衫  ·  Android判断应用是32位还是64位以及虚拟机类型 - 掘金
2 年前
慷慨的蚂蚁  ·  python可以提高程序执行速度N倍你知道吗?_python 提高计算速度_Python热爱者的博客-CSDN博客
2 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号