php - 通过 form-submit提交非表单元素

Question

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

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

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

• 或者忽略复选框部分，只寻找点击的跨度。这对我来说似乎更干净，更少hackier，但是我如何将多个单击范围中的每个值提交到我的表单/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

允许您将自定义元素设置为跨度、div、锚点或您希望的任何内容。

其他选项是创建隐藏输入并在表单提交之前将每个值分配给跨度文本值。

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