case cochée ou décochée avec jquery et mysql

Je suis actuellement en train de faire un système où il doit être possible de cocher/décocher une case à cocher. Chaque fois qu'il change de statut j'ai besoin de jquery pour faire des et appel ajax sur une page, qui met à jour la base de données.

Mon problème est comment puis-je faire cela, donc les mises à jour?

Merci d'avance.

Alors, qu'avez-vous essayé? Quel est le problème?

OriginalL'auteur Dennis Lauritzen | 2011-05-16

  1. 14

    Par exemple, vous pouvez le faire comme ceci:

    Vous devez d'abord regarder si la case est cochée:

    $("#yourSelector").live("click", function(){
        var id = parseInt($(this).val(), 10);
        if($(this).is(":checked")) {
            //checkbox is checked -> do something
        } else {
            //checkbox is not checked -> do something different
        }
});

    Vous pouvez charger le contenu spécifique via Ajax:

    $.ajax({
                type: "POST",
                dataType: "xml",
                url: "path/to/file.php",
                data: "function=loadContent&id=" + id,
                success: function(xml) {
                    //success function is called when data came back
                    //for example: get your content and display it on your site
                }
});
    N'oubliez pas que vous aurez besoin de déclarer la variable id quelque part avant d'assigner une valeur. Et, si à l'aide de parseInt() il est toujours utile de spécifier la base: parseInt($(this).val(), 10);
    Merci pour vos conseils! J'ai mis à jour ma réponse.

    OriginalL'auteur Sarah West

  2. 6

    Bits êtes-vous pris? Vous devriez avoir quelque chose comme ça...

    $('#myCheckbox').click(function() {
    var checked = $(this).is(':checked');

    $.ajax({
        type: "POST",
        url: myUrl,
        data: { checked : checked },
        success: function(data) {
            alert('it worked');
        },
        error: function() {
            alert('it broke');
        },
        complete: function() {
            alert('it completed');
        }
    });
});
    Eh bien, je suis bloqué sur le clic-chose. J'ai lu que c'est mauvais pour l'utiliser, cliquez avec case à cocher. Et quand j'essaie d'exécuter des alertes lorsque la case est cliqué, cela n'a pas d'alerte de rien - donc je ne suis pas sûr, qu'il est de travail :s

    OriginalL'auteur fearofawhackplanet

  3. 2

    Détecter si la case est cochée:

    if ( $('#id').is(':checked') ) { }

    Ce peut être exécutée dans une fonction qui est déclenchée par "onchange" de l'événement.

    function checkCheckboxState() {

    if ( $('#id').is(':checked') ) { 

        //execute AJAX request here

    }
}

    OriginalL'auteur glutorange

  4. 2

    Quelque chose comme cela, sans doute?

    $('.checkbox').click(function (){
    var val = $(this).is(':checked');
    $.load('url_here',{status:val});
});

    OriginalL'auteur Val

  5. 2
    <input type="checkbox" name="foo" value="bar" class="checkIt"/>

<script type="text/javascript">
    $('.checkIt').bind('click', function() {
        if($(this).is(":checked")) {
            //checkbox is checked
        } else {
            //checkbox is not checked
        }
    });
</script>

    Vous pouvez maintenant avoir plus d'une case à cocher.

    OriginalL'auteur thinklinux