jquery ajaxを使ってチェックボックスの値を別のページに送るには

Question

私は$.get(...という構文を使ってJquery Ajaxでフォームデータを送信します。
チェックボックスの値をどのように送ることができますか。
たとえば、$("#myinput").val()を使用して、入力ボックスの値をPHPページに送信します。

Answer 1

にデータを置きます。ここには一般的な解決策があります。あなたはこの

Item 11<input type="checkbox" id="chk1" value="11" class="chkItem" /><br/> 
Item 12<input type="checkbox" id="chk2" value="12" class="chkItem" /><br/> 
Item 14<input type="checkbox" id="chk4" value="14" class="chkItem" /><br/> 
<input type="submit" value="Save" id="btnSave" /> 

のような一部のHTMLマークアップを持っていると仮定すると、特定のニーズ

にこれをカスタマイズすることがあり、スクリプトは上記のスクリプトは、すべての入力要素を確認取ると構築していきます

$(function(){ 
    $("#btnSave").click(function(e){ 
     e.preventDefault(); 
     var items=$("input[type='checkbox']:checked").map(function() { 
      return this.value; 
     }).get().join(','); 

     $.post("yoururl.php?data="+items,function(response){ 
     //alert(response); 
     });   
    });   
}); 

です選択した項目の値をコンマで区切って、クエリー文字列で送信します。あなたはこれをphpファイルで読み、カンマで区切って値を読むことができます。

Answer 2

serialize()またはserializeArray()をフォームに使用できます。 例：

var data = $('yourform').serialize(); 

または

var data = $('yourform').serializeArray(); 

その後、私はあなたのHTMLがどのように見えるかを知らないAJAX

$.get('link.php',data,function(){...});