html表单，如何处理以checkbox为代表的同名表单项？

最近一直重新审视最基础的网页元素表单，那么本文再来总结一点表单的使用问题。本文说一个很多人不会注意的问题，就是同名表单项的提交问题，典型例子就是checkbox表单项，天生就是具有重名特点的。

html表单，如何处理以checkbox为代表的同名表单项？（图3-1）

苏南大叔的程序如此灵动博客，记录苏南大叔的代码所看所想。测试环境：谷歌浏览器。

测试代码

     php 

     nodejs 

    提交数据

对于表单输入项名字就是普通名字（本例中为skill）的情况：

html表单，如何处理以checkbox为代表的同名表单项？（图3-2）

参考文章：

针对php后端的解决方案

这两个测试代码的区别就在于：name不同。第一个代码中，两个同名表单项都叫skill，第二个代码中，两个同名表单项叫做skill[]，多了一个[]符号。

     php 

     nodejs 

    提交数据

var_dump($_POST);

对于无法拿到同名表单项数组的php，采用的是第二种方法。修改同名表单项的name，人为增加[]的字样。这样的话，php就可以通过$_POST拿到同名表单项了。

重点就是name里面的数组表示[]：

name="skill[]" 

html表单，如何处理以checkbox为代表的同名表单项？（图3-3）

结束语

虽然是针对php做了特殊的前端修正，但是其它的后端语言里面，虽然可以拿到数组。但是asp表单，可以看到：后端也是经过了一定的处理，才能到的数组数据。如果这个过程处理不同，也会造出数据丢失。

【源码】本文代码片段及相关软件，请点此获取更多信息

【绝密】秘籍文章入口，仅传授于有缘之人

php html5

（编辑：应用网_阳江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!