2020-01-03 关于表单的复选框和文件域中多选及上传的问题

1.    表单的复选框中提交选中的多个值的问题

        <input type="checkbox" name="cbox" value="mshj"/>魔兽怀旧服

        <input type="checkbox" name="cbox" value="mszs"/>魔兽正式服

        <input type="checkbox" name="cbox" value="lols10"/>英雄联盟

        我们如果选中了两个魔兽的复选框,在表单提交数据后,默认后面的"mszs"会把前面的"mshj"给顶替掉,导致我们无法获取到多个值。

        解决办法:为复选框的name属性的值"cbox"的后面添加上一个"[]"中括号,如:name="cbox[]",这样服务端接受到的复选框数据就是多个了。

        比如:<input type="checkbox" name="cbox[]" value="mshj"/>魔兽怀旧服

        <input type="checkbox" name="cbox[]" value="mszs"/>魔兽正式服

        <input type="checkbox" name="cbox[]" value="lols10"/>英雄联盟

2.    文件域默认一次只能提交一个文件,如果我们希望一次提交多个文件。最合理的方式是为文件域添加multiple属性,这样我们就可以选中并提交多个文件了。同理,服务端要想接受提交的多个文件,也需要为文件域的name属性的值的后面加上一个中括号[]。

        如:<input type="file" name="pic[]" multiple />

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容