php checkbox表单提交,HTML表单Checkbox的值如何正确提交到PHP后台?,需要技巧
Checkbox的值和其他input输入框的值一样,也是通过from提交到服务器后台,PHP再用全局变量 _POST,就能得到这些值。但checkbox有一点区别,有需要特别注意的地方,下面一起看下。
操作方法
01
我们先看下HTML的代码,就是一个form,里面有input输入框,和 一组checkbox,和一个提交按钮,代码如图
02
再看下后端的php代码,就是获取到表单post过来的变量,然后用 var_dump方法显示出来。
(代码很简单,因为是示例代码,只为了说明问题)
03
先看下页面效果。如图,我们点击一下提交按钮,
04
页面提交,服务器取到post的数据,并输出显示在页面,如图,我们得到了输入框的内容,checkbox的内容没有,因为我们没有选择任何一个。
05
我们选择一个checkbox,然后再次点击提交按钮。
06
提交后,我们正确得到了选中的checkbox内容
07
如果我们选择多个checkbox呢? 如图,再点击提交按钮。
08
提交后,我们看到,后台服务器输出的只一个选中checkbox的内容。明明我们选择了三个的,怎么只有一个呢?
09
要获取多个内容,我们要改一下form表单里的 name属性,如图,要把
name="p" ----> name="p[]"。这里就是checkbox需要注意的地方。
10
修改后,我们也是选择checkbox的前三个,然后提交,得到结果如图,
正确得到了三个选中的checkbox的值。
好了,以上就是大致内容了,(END)
声明:该文观点仅代表作者本人,天晴资讯网系信息发布平台,仅提供信息存储空间服务。
php checkbox表单提交,HTML表单Checkbox的值如何正确提交到PHP后台?,需要技巧相关推荐
- 问卷调查:vue element动态生成表单、表单校验以及表单提交
有任何疑问和问题欢迎大家提出来,一起学习,相互监督,共同进步! 需求:题型包含:单选题.多选题.文本框.矩阵题型 实现功能的相关技术:vue(router,axios,element-ui) 实现结果 ...
- form提交php怎么接收不到,php form表单post提交获取不到数据,而使用get提交能获取到数据 的解决办法...
开发环境:xampp,mac,phpstorm 其实出现这个问题的原因就是在于phpstorm,它默认使用的是自带的内部服务器,这个服务器使用63342端口,而且服务器内部有问题,导致POST方法异常 ...
- Jquery通过Ajax方式来提交Form表单
今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({type: "POST",url: & ...
- 关于异步提交form表单
1.异步提交form 表单 方法一: 采用隐藏iframe来提交表单, 代码:<div id="upload_file" title="<%=Res.Cul ...
- php提交注册表单,php用户注册表单验证
表单的验证 js 以及事件的注册 初始化 openldap 的初始化状态 ,处理 Oracle SQL in 超过 1000 的解决方案 从...= null) rsp.Close(); } } } ...
- 表单及数据提交、表单的作用、服务端接收提交的数据、php处理数据流程、文件域及文件域中数据处理、php展示数据(响应)
表单及数据提交: 表单的作用: 用于收集相关信息:html中有专门提交数据的标签,可以很容易的收集用户输入的信息,这个标签有两个重要的属性:action表单提交的地址和method以什么方式提交表单, ...
- 同一表单内设置两个或两个以上的提交按钮 Two submit buttons in one form
给相同 name就可以了, 类似radio的和checkbox的用法: You can give each input a different value and keep the same name ...
- onsubmit=“return check() 给form加onsubmit 验证所有表单后再提交,可以用返回false 来阻止submit提交
onsubmit="return check() 给form加onsubmit 验证所有表单后再提交,可以用返回false 来阻止submit提交<form class="f ...
- struts2 标签单选框_Struts 2 UI标签–表单,复选框,单选,选择,提交
struts2 标签单选框 Struts2 UI tags are used to generate HTML form elements in result pages. Earlier we lo ...
最新文章
- 5G NGC — CAPIF 网络能力开放框架
- IDE安装Lombok插件提高开发效率
- javascript引用bug带来的继承
- 交通与计算机杂志社,交通信息与安全
- python 3.x 不再支持MySQLdb 模块
- CSTAnbsp;【Computer-Supportedamp;n…
- 11种基于ARM的嵌入式操作系统
- 智慧养老整体解决方案
- 【IDEA 教程系列第 14 篇】idea 快速跳转到错误位置
- 台式电脑怎么调出计算机,台式电脑连接笔记本显示器的方法步骤
- ViewPager翻页动画失效详解
- Python定时向微信发送天气消息和每日一言[wxpy、apscheduler]
- C# xml格式字符串 反序列化和序列化
- Python爬虫:用最普通的方法爬取ts文件并合成为mp4格式
- emacs 使用笔记
- 校招 - 行业测评题、图形推理题、逻辑思维面试题,解题技巧汇总
- 爬取中国最好大学网数据(Python的Scrapy框架与Xpath联合运用)
- 139.深度学习分布式计算框架-2
- Flutter IconFont 使用
- 双粒子格林函数卷积优化