Отправить checkbox от 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).is(':checked') вместо $(this).val() и не возвращайте false, так как это предотвратит проверку флажка (если это не то поведение, которое вы хотите).