首页 > 游戏数码 > IT技术 > HTML表单Checkbox的值如何正确提交到PHP后台?

HTML表单Checkbox的值如何正确提交到PHP后台?

   来源:秒知站    阅读: 2.57W 次
字号:

用手机扫描二维码 在手机上继续观看

手机查看

Checkbox的值和其他input输入框的值一样,也是通过from提交到服务器后台,PHP再用全局变量 _POST,就能得到这些值。但checkbox有一点区别,有需要特别注意的地方,下面一起看下。

操作方法

(01)我们先看下HTML的代码,就是一个form,里面有input输入框,和 一组checkbox,和一个提交按钮,代码如图

HTML表单Checkbox的值如何正确提交到PHP后台?

(02)再看下后端的php代码,就是获取到表单post过来的变量,然后用 var_dump方法显示出来。(代码很简单,因为是示例代码,只为了说明问题)

HTML表单Checkbox的值如何正确提交到PHP后台? 第2张

(03)先看下页面效果。如图,我们点击一下提交按钮,

HTML表单Checkbox的值如何正确提交到PHP后台? 第3张

(04)页面提交,服务器取到post的数据,并输出显示在页面,如图,我们得到了输入框的内容,checkbox的内容没有,因为我们没有选择任何一个。

HTML表单Checkbox的值如何正确提交到PHP后台? 第4张

(05)我们选择一个checkbox,然后再次点击提交按钮。

HTML表单Checkbox的值如何正确提交到PHP后台? 第5张

(06)提交后,我们正确得到了选中的checkbox内容

HTML表单Checkbox的值如何正确提交到PHP后台? 第6张

(07)如果我们选择多个checkbox呢? 如图,再点击提交按钮。

HTML表单Checkbox的值如何正确提交到PHP后台? 第7张

(08)提交后,我们看到,后台服务器输出的只一个选中checkbox的内容。明明我们选择了三个的,怎么只有一个呢?

HTML表单Checkbox的值如何正确提交到PHP后台? 第8张

(09)要获取多个内容,我们要改一下form表单里的 name属性,如图,要把name="p" ----> name="p[]"。这里就是checkbox需要注意的地方。

HTML表单Checkbox的值如何正确提交到PHP后台? 第9张

(10)修改后,我们也是选择checkbox的前三个,然后提交,得到结果如图,正确得到了三个选中的checkbox的值。

HTML表单Checkbox的值如何正确提交到PHP后台? 第10张

电脑网络
IT技术
互联网
电脑
摄影
手机
游戏