php - form-submit による非フォーム要素の送信

Question

数十の質問がある調査があります。この調査は複数の部分に分かれており、部分ごとに 1 つの送信ボタンを使用して個別に送信されます。

ほとんどの質問は、チェックボックスを使用して回答する必要があります。css スタイリングにいくつかの問題があるため、今は使用したくありません。では、どうすれば質問を提供できますか? 私は次のアプローチを持っています：

• answer-option ごとに 1 つのスパンを作成します。各スパンには、スパンをクリックするとアクティブになる非表示のチェックボックスが含まれます。

• または、チェックボックス部分を無視して、クリックされたスパンのみを探しました。これは私にはよりクリーンでハックが少ないように思えますが、複数のクリックされたスパンからフォーム/php-scriptに各値を送信するにはどうすればよいですか?

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

これには多くの方法がありますが、その 1 つに、要素をカスタマイズできるライブラリを使用する方法があります。

http://customformsjs.com

カスタム要素をスパン、div、アンカー、または任意のものに設定できます。

他のオプションは、非表示の入力を作成し、フォームの送信前にそれぞれの値をスパン テキスト値に割り当てることです。

カスタムフォームやユニフォームなどのライブラリを使用することを個人的にお勧めします。これは、ブラウザで JavaScript が有効になっていない場合は通常のフォーム フィールドに劣化し、JavaScript が有効になっている場合はスタイルをカスタマイズできるためです。