checkbox - checked oder unchecked mit jquery und mysql

Ich bin derzeit dabei ein system, wo es möglich sein zu aktivieren/deaktivieren Sie ein Kontrollkästchen. Jedesmal, wenn es den status brauche ich jquery zu machen und ajax-Aufruf auf eine Seite, dass die Datenbank aktualisiert.

Mein problem ist - wie kann ich dies tun, so es updates?

Vielen Dank im Voraus.

  • Also, was haben Sie versucht? Was ist falsch gelaufen?
InformationsquelleAutor Dennis Lauritzen | 2011-05-16
  1. 14

    Beispielsweise kann man es so machen:

    Zuerst musst du schauen, ob das Kontrollkästchen aktiviert ist:

    $("#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
        }
});

    Laden Sie bestimmte Inhalte über 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
                }
});
    • Denken Sie daran, dass Sie brauchen, um die variable zu deklarieren id irgendwo vor der Zuweisung einen Wert. Und, wenn mit parseInt() es lohnt sich immer, die Angabe der radix: parseInt($(this).val(), 10);
    • Vielen Dank für Eure Hinweise! Ich aktualisiert meine Antwort.
    InformationsquelleAutor Sarah West
  2. 7

    Dem bisschen hängen Sie auf? Sie sollte wohl so etwas haben...

    $('#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');
        }
    });
});
    • Gut, ich klebte auf die Klick-Sache. Ich habe gelesen, dass es schlecht ist, um zu verwenden, klicken Sie mit der checkbox. Und wenn ich versuche, führen Sie Warnungen, wenn die checkbox geklickt wird es keine Warnung, was - so bin ich nicht sicher, ob es funktioniert :s
    InformationsquelleAutor fearofawhackplanet
  3. 2

    Erkennen, wenn die checkbox aktiviert ist:

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

    Diese können ausgeführt werden in einer Funktion, die ausgelöst wird durch das "onchange" - Ereignis.

    function checkCheckboxState() {

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

        //execute AJAX request here

    }
}
    InformationsquelleAutor glutorange
  4. 2

    Sowas wohl?

    $('.checkbox').click(function (){
    var val = $(this).is(':checked');
    $.load('url_here',{status:val});
});
    InformationsquelleAutor 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>

    Können Sie jetzt mehr als eine checkbox.

    InformationsquelleAutor thinklinux
Schreibe einen Kommentar