jqueryでサブミットする前に、同じ形式のテキストエリアにフォームデータを表示する方法

Question

ラジオボタンとチェックボックスが付いたフォームがあります。送信前にテキストエリアがあります。選択したラジオとチェックボックスの値をそのテキストエリアに表示する必要があります。あなたはその心配で私を助けてくれますか？jqueryでそれをする方法は？

Answer 1

jqueryのserializeArray方法は、JSON形式で、すべてのフォーム要素のデータを返します。

また、フィールドの種類に対してクエリを実行し、データを返す、例えば、

var fields = $(":input").serializeArray(); 

returns-

[ 
    { 
    name: "customerName", 
    value: "jhonny" 
    }, 
    { 
    name: "age", 
    value: "29" 
    }, 

    ] 

は、JSON format.You内のすべての入力フィールドのデータが返されますされますJSON文字列を解析して、テキストエリアにデータを表示できます。ここ

Jquery serialize API

Answer 2

:checkedポーズセレクタを使用して、すべてのラジオとチェックボックスを取得します。次に、各ステートメントを使用して、その値をテキストボックスに追加します。

http://jsfiddle.net/hPsHb/2

$(':checkbox, :radio').change(function() { 
    //clear textarea 
    $('textarea').val(''); 

    //for every checked element 
    $(':checked').each(function() { 
     var $textarea = $('textarea'); 
     $textarea.val($textarea.val() + $(this).prop('name') + ' = ' + this.value + '\n'); 
    }); 
});​