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

Question

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

大多数问题应通过复选框来回答。现在我不想使用，因为它的CSS样式有几个问题。现在我如何提供问题？我有follwing方法：

• 创建每个答案选项，每个跨度包括隐藏的复选框，单击跨度时被激活一个跨度。

• 或忽略复选框部分，只查找单击的跨度。这似乎更干净，对我来说更少黑客，但我如何将多个单击跨度的值提交给我的form/php-script？

Answer 1

就这么简单使用自定义复选框作出访问：

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

从第一链路：

（复选框是）直接位于后面风格的标签

Answer 2

你可以做这样的事情：

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

没试过的代码。

Answer 3

有很多方法可以做到这一点，一种方法是使用库来定制元素。

http://customformsjs.com

允许您设置您的自定义元素是你希望的跨度，div的，锚或任何东西。

其他选项是创建隐藏输入，并在表单子语言之前将每个值相应地分配给跨度文本值。

我个人建议你使用类似customforms或uniforms的库，因为如果在浏览器上没有启用javascript，它会降低到标准表单域，并且它将允许你在启用javascript的情况下自定义样式。