チェックボックスのセットを含む HTML フォームがあります。
<p><input type="checkbox" name="fruits" value="apple" /> Apple</p>
<p><input type="checkbox" name="fruits" value="banana" /> Banana</p>
<p><input type="checkbox" name="fruits" value="strawberry" /> Strawberry</p>
ボタンをクリックすると、選択したすべてのチェックボックスを同じ名前で 1 つの配列に配置したいと考えています。
したがって、ユーザーが Apple と Banana を選択した場合、次のようになります。
{ 'fruits' : [ 'Apple', 'Banana' ] }
jQuery の serializeArray() メソッドを使用しようとしましたが、結果は期待どおりではありません...
[ { name="fruits", value="apple"}, { name="fruits", value="banana"} ]
サンプルコードでこのjsfiddleを作成しました。
この配列を反復処理して、必要なオブジェクトを作成できることはわかっています。しかし、私の質問は次のとおり
です:これを行うためのクリーンでシンプルな方法(jQueryまたはプラグインを使用)はありますか?
*編集: *この問題に対する一般的な解決策を探しています。メソッドにフォーム要素を伝え、そのメソッドにすべてのデータを自動的に見つけさせたいと思います。jQuery.serializeArray() と同じように。