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后台?,需要技巧相关推荐

  1. 问卷调查:vue element动态生成表单、表单校验以及表单提交

    有任何疑问和问题欢迎大家提出来,一起学习,相互监督,共同进步! 需求:题型包含:单选题.多选题.文本框.矩阵题型 实现功能的相关技术:vue(router,axios,element-ui) 实现结果 ...

  2. form提交php怎么接收不到,php form表单post提交获取不到数据,而使用get提交能获取到数据 的解决办法...

    开发环境:xampp,mac,phpstorm 其实出现这个问题的原因就是在于phpstorm,它默认使用的是自带的内部服务器,这个服务器使用63342端口,而且服务器内部有问题,导致POST方法异常 ...

  3. Jquery通过Ajax方式来提交Form表单

    今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({type: "POST",url: & ...

  4. 关于异步提交form表单

    1.异步提交form 表单 方法一: 采用隐藏iframe来提交表单, 代码:<div id="upload_file"  title="<%=Res.Cul ...

  5. php提交注册表单,php用户注册表单验证

    表单的验证 js 以及事件的注册 初始化 openldap 的初始化状态 ,处理 Oracle SQL in 超过 1000 的解决方案 从...= null) rsp.Close(); } } } ...

  6. 表单及数据提交、表单的作用、服务端接收提交的数据、php处理数据流程、文件域及文件域中数据处理、php展示数据(响应)

    表单及数据提交: 表单的作用: 用于收集相关信息:html中有专门提交数据的标签,可以很容易的收集用户输入的信息,这个标签有两个重要的属性:action表单提交的地址和method以什么方式提交表单, ...

  7. 同一表单内设置两个或两个以上的提交按钮 Two submit buttons in one form

    给相同 name就可以了, 类似radio的和checkbox的用法: You can give each input a different value and keep the same name ...

  8. onsubmit=“return check() 给form加onsubmit 验证所有表单后再提交,可以用返回false 来阻止submit提交

    onsubmit="return check() 给form加onsubmit 验证所有表单后再提交,可以用返回false 来阻止submit提交<form class="f ...

  9. struts2 标签单选框_Struts 2 UI标签–表单,复选框,单选,选择,提交

    struts2 标签单选框 Struts2 UI tags are used to generate HTML form elements in result pages. Earlier we lo ...

最新文章

  1. 5G NGC — CAPIF 网络能力开放框架
  2. IDE安装Lombok插件提高开发效率
  3. javascript引用bug带来的继承
  4. 交通与计算机杂志社,交通信息与安全
  5. python 3.x 不再支持MySQLdb 模块
  6. CSTAnbsp;【Computer-Supportedamp;n…
  7. 11种基于ARM的嵌入式操作系统
  8. 智慧养老整体解决方案
  9. 【IDEA 教程系列第 14 篇】idea 快速跳转到错误位置
  10. 台式电脑怎么调出计算机,台式电脑连接笔记本显示器的方法步骤
  11. ViewPager翻页动画失效详解
  12. Python定时向微信发送天气消息和每日一言[wxpy、apscheduler]
  13. C# xml格式字符串 反序列化和序列化
  14. Python爬虫:用最普通的方法爬取ts文件并合成为mp4格式
  15. emacs 使用笔记
  16. 校招 - 行业测评题、图形推理题、逻辑思维面试题,解题技巧汇总
  17. 爬取中国最好大学网数据(Python的Scrapy框架与Xpath联合运用)
  18. 139.深度学习分布式计算框架-2
  19. Flutter IconFont 使用
  20. 双粒子格林函数卷积优化

热门文章

  1. 洛谷 [P1387] 最大正方形
  2. DPDK 网卡绑定和解绑
  3. 转:Dilphi基础教程
  4. HDOJ---3790 最短路径问题[Dijkstra算法||SPFA]
  5. UVA12555 Baby Me【水题】
  6. Bailian4069 买手机【序列处理+排序】
  7. 局域网 —— VLAN
  8. MySQL 基础 —— 字符串处理
  9. matlab 工具函数、matlab toolbox(工具箱)
  10. 精度、误差与分辨率的研究