ajaxのフォームデータを収集するシンプルな関数submit

Question

私は、HTMLフォームから関連するすべての名前と値のペアを取得し、このデータをajax呼び出し用に準備し、データを保存するシンプルで洗練された方法を探しています。私はその後、更新Ajaxのスクリプトのため、このquerystringを使用することになり

$('#save').click(function(){ 
    var querystring = ""; 
    $('form#form_id :input').each(function(){ 
     querystring += $(this).attr('name') + "=" + $(this).val() + "&"; 
    }); 
    querystring = querystring.substr(0,querystring.length-1); 
    alert(querystring); 
}); 

：私はこれが出ています。これで夫婦の問題があります。

1. すべてのラジオボタン項目は、すべてのチェックボックスが

「上」=値を表示

を選択しているものだけでなく、クエリ文字列に表示されます

これを行うには誰も簡単な方法がありますか？

おかげ

Answer 1

jQueryのは、すでにそのための方法があります！試してみてください：

var myData = $("form#form_id").serialize(); 
alert(myData); 

プラステキストエリアと選択ボックスがあります。

ではより多くの情報：http://api.jquery.com/serialize/

Answer 2

$('#save').click(function(){ 
    var querystring = ""; 
    $('form#form_id :input').each(function(){ 
     querystring += $(this).attr('name') + "=" + $(this).is(":checked") + "&"; 
    }); 
    querystring = querystring.substr(0,querystring.length-1); 
    alert(querystring); 
});