通过表单提交</span>将非表单元素提交为<span>

Question

我有几个问题的调查。该调查分为多个部分，每个部分通过一个提交按钮单独提交。

大部分问题都应通过复选框回答。现在我不想使用，因为它的css样式存在一些问题。现在我如何提出问题？我有以下方法：

• 为每个答案选项创建一个范围，其中每个范围都包含一个隐藏的复选框，在单击范围时会激活该复选框。

• 或者忽略复选框部分，仅查找单击的跨度。对我来说，这似乎更干净，更少黑客，但我如何将多个点击跨度中的每个值提交到我的表单/ php脚本？

Answer 1

你可以这样做：

data = [];
$('.my-form .ui-mycheckbox.checked').each(function(index, element){
   data.push(element.value);
}
$.post('my-url', data, mycallback);

没试过代码。

Answer 2

就像使用自定义复选框一样简单：

• http://www.filamentgroup.com/examples/customInput/
• http://www.456bereastreet.com/archive/201211/accessible_custom_checkboxes_and_radio_buttons/

从第一个链接：

  

（复选框）直接位于样式标签

后面

Answer 3

有很多方法可以做到这一点，一种方法是使用允许您自定义元素的库。

http://customformsjs.com

允许您将自定义元素设置为span，div，anchor或任何您想要的内容。

其他选项是创建隐藏输入，然后在form submition将每个值相应地分配给span文本值。

我个人建议您使用类似自定义形式或制服的库，因为如果浏览器未启用javascript，它会降级为普通表单字段，并且如果启用了javascript，它将允许您自定义样式。