チェックボックスをjQueryで送信

Question

フォームでは、たくさんのチェックボックスがあります。ユーザーがチェックボックスをクリックするたびに値を投稿するためにjquery ajaxを使用したいと思います。それは以下のコードのようなものでなければなりませんが、わかりません。それは動作していません。

<script type="text/javascript" > 
$(function() { 
$(".autosubmit_checkbox").click(function() { 

    var value = $(this).val(); 
    var name = $(this).attr('name');; 
    var dataString = 'value=' + value + '&name=' + name; 

    $.ajax({ 
     type: "POST", 
     url: "URL", 
     data: dataString, 
     success: function(){ 
      something; 
     } 
    }); 

    return false; 
}); 
}); 
</script> 

Answer 1

あなたが「通常」の方法でクエリ文字列のチェックボックスの値を提出する場合は、単一の要求引数を構築する必要があります。

var dataString = $(this).attr('name') + "=" + encodeURIComponent($(this).val()); 

serialize()この文字列はあなたのために計算されますが、チェックボックスがオフの場合は空の文字列を返します。これは明らかにあなたが望むものではありません。

Answer 2

<script type="text/javascript" > 
$(function() { 
$(".autosubmit_checkbox").click(function() { 

    var value = $(this).is(':checked')?"1":"0"; 
    var name = $(this).attr('name');; 
    var dataString = 'value=' + value + '&name=' + name; 

    $.ajax({ 
     type: "POST", 
     url: "URL", 
     data: dataString, 
     success: function(){ 
      something; 
     } 
    }); 

    return false; 
}); 
}); 
</script> 

Answer 3

var value = ($(this).is(':checked')) ? 1 : 0; 

Answer 4

$(this).val()の代わりに$(this).is(':checked')を使用し、falseを返さないようにしてください。チェックボックスが実際にチェックされないようにします（ただし、必要な振る舞いでない限り）。