在隐藏输入中收集复选框值

Question

我有5个复选框，每个复选框都有自己的值。

如果我正常提交，我会收到一个$ _GET请求，如

http://siteurl.com/?&checkbox1=a&checkbox2=b&checkbox3=c....

它看起来很难看，所以我想我可以发送一个隐藏的输入，比如：

http://site.url.com/?checkeddata=a,b,c...

那么我如何从复选框中提取数据并将其存储在隐藏字段中？

Answer 1

如果您不希望用户看到总结的数据，您应该考虑使用POST方法。

了解如何选择获取或发布here

顺便说一下，您还应该考虑使用jquery API中的.serialize()函数。

另见POST和Serialize上的此SO帖子：jquery serialize and $.post

Answer 2

我建议只使你的个人复选框名称可以显示，没有任何关于该URL的“丑陋”，而且更清楚。如果您不希望用户看到任何内容，请考虑POST。

如果你真的想这样做，你会想：

• catch the submit button click with jquery
• 使用Jquery查找每个复选框的值：$（“＃checkbox_id”）。is（'：checked'）;
• Build a new parameter包含您检查的值
• 保持复选框不被提交，方法是将它们放在DOM中的表单之外，在提交时删除，或使用serialize创建新参数列表并提交。