通過表單提交非表單元素<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的情況下自定義樣式。