jQuery Ajax état de la case à cocher

J'ai des cases à cocher sur ma page, et j'aimerais envoyer leur état de retour à la base de données via ajax. Je sais comment faire pour utiliser jquery avec ajax, mais je ne sais pas comment faire pour obtenir l'état activé, les deux activée et désactivée avec l'id de la case à cocher afin que je puisse l'envoyer vers le serveur.

Des idées?

source d'informationauteur oshirowanen

  1. 19
    if ($("#yourCheckboxID").is(":checked")) {  
    //checkbox is checked 
} else {
    //checkbox is not checked 
}

    va faire le travail.

  2. 15

    Quelque chose comme ceci:

    <script type="text/javascript">
    $(document).ready(function(){
        $("input:checkbox").change(function() { 
            if($(this).is(":checked")) { 
                $.ajax({
                    url: 'on_off.aspx',
                    type: 'POST',
                    data: { strID:$(this).attr("id"), strState:"1" }
                });
            } else {
                $.ajax({
                    url: 'on_off.aspx',
                    type: 'POST',
                    data: { strID:$(this).attr("id"), strState:"0" }
                });
            }
        }); 
    });
</script>
  3. 9

    La combinaison de votre solution et de la accepté de répondre par l'Ain:

    <script type="text/javascript">
  $(document).ready(function(){
    var isChecked = $("input:checkbox").is(":checked") ? 1:0; 
    $.ajax({
            url: 'on_off.aspx',
            type: 'POST',
            data: { strID:$("input:checkbox").attr("id"), strState:isChecked }
    });        
  });
</script>
  4. 1

    Ajoutant arrière dans l'événement de modification de la fusion de la solution. Voulons que ce feu à chaque fois la case est changé.

    <script type="text/javascript">
    $(document).ready(function(){
        $("input:checkbox").change(function() { 
            var isChecked = $("input:checkbox").is(":checked") ? 1:0; 
            $.ajax({
                url: 'on_off.aspx',
                type: 'POST',
                data: { strID:$("input:checkbox").attr("id"), strState:isChecked }
            });        
        });        
    });
</script>
  5. 0

    Eh bien, il est assez facile de trouver les cases à cocher:

    $(':checkbox').whatever()

    Le truc, c'est que dans les cases à cocher HTML seulement une valeur qui a du sens quand vérifié. Quand ils ne sont pas vérifiés, que voulez-vous dire au serveur?

    Eh bien, si vous avez une convention de travail avec (peut-être toujours l'envoi de "vrai" lorsque la case est cochée et de "faux" lorsqu'il n'est pas cochée), la prochaine chose que vous devez décider est de savoir comment les obtenir sur votre serveur. Vous pouvez utiliser le jQuery param fonction pour activer la liste dans un paramètre de chaîne:

    var params = $.param($(':checkbox').map(function() {
   return { name: this.id, value: !!this.checked };
}));

    Qui vous donne une chaîne de prêt à être fixé sur une URL, ou envoyés sous forme de données via $.ajax.