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 【HTML表单Checkbox的值如何正确提交到PHP后台?】修改后 , 我们也是选择checkbox的前三个 , 然后提交 , 得到结果如图 ,
正确得到了三个选中的checkbox的值 。
文章插图
以上内容就是HTML表单Checkbox的值如何正确提交到PHP后台?的内容啦 , 希望对你有所帮助哦!
推荐阅读
- Html, Css制作显示简单的小屋
- 用css如何制作圆环?
- css制作桌面上的两个球
- 用Html实体制作三角形图标
- HTML里显示文本超长时,如何截断只显示部分?
- Html下拉框Select联动实例
- HTML mailto的用法介绍
- HTML5怎样实现全屏
- css3怎样在HTML网页写三角形呢
- bootstrap如何弹出表单