Senden Sie das Formular als checkbox ist aktiviert - tutorial

Ich versuche zu erreichen, eine ähnliche Wirkung wie 37signals' ta-da-Liste - ich möchte, dass meine Benutzer in der Lage sein zu überprüfen, aus Elementen aus einer Liste, indem Sie einen "fertig" - box - in anderen Worten ein Formular vorgelegt wird, um die server auf das Kontrollkästchen. Kennt jemand ein tutorial, das deckt so etwas wie dies, oder könnte mich in die richtige Richtung?

Dank
Rob

InformationsquelleAutor Rob Y | 2010-03-10
  1. 4

    Wenn ich verstehe deine Frage richtig:

    Sie können dies erreichen, mit jQuery und AJAX. Im ersten Beispiel bin ich, es zu tun, ohne, dass die ganze form und nur Einreichen, wird der Wert der checkbox:

    jQuery("#myCheckbox").click(function() {
   var $checkbox = jQuery(this);
   var checkboxData = "checkboxvalue=" + $checkbox.val();

   jQuery.ajax({
      url: "http://some.url.here",
      type: "POST",
      data: checkboxData,
      cache: false,
      dataType: "json",
      success: function(data) {
          if(data["success"]) {
            //do some other stuff if you have to
            //this is based on the assumption that you're sending back
            //JSON data that has a success property defined
          }
      }
   });
});

    Vermutlich hätten Sie etwas auf der server-Seite übernimmt die post.

    Wenn Sie tatsächlich tun wollen, um ein Formular Absenden, können Sie das gleiche tun wie oben, außer du würdest serialisieren der Formulardaten:

    jQuery("#myCheckbox").click(function() {
   var formData = jQuery("#formID").serialize();

   jQuery.ajax({
      url: "http://some.url.here",
      type: "POST",
      data: formData,
      cache: false,
      dataType: "json",
      success: function(data) {
          if(data["success"]) {
            //do some other stuff if you have to
            //this is based on the assumption that you're sending back
            //JSON data that has a success property defined
          }
      }
   });
});
    InformationsquelleAutor Vivin Paliath
  2. 15

    seine einfache...

    <input type="checkbox" onclick="this.form.submit();">
    • Genau das, was ich suchte.
    • Ich wählte diese Methode auch - es ist vielleicht nicht ganz so glatt, wie die AJAX-Ansatz, aber es bedeutet, dass mein code wird noch Arbeit für Menschen mit JavaScript deaktiviert und es gibt keine Möglichkeiten, das hinzufügen einer neuen Sicherheitslücke auf dem server, wo der AJAX-code aufruft.
    InformationsquelleAutor SB24
  3. 0

    <input type="checkbox" onclick="yourForm.submit()">

    Die oben wird das Formular abschicken, wenn deine checkbox angeklickt ist... idk, wenn es das ist, was Sie wollen.

    Es wird also die Standard-Formular-submit-Prozess...

    • Aber die nimmt ihn Weg von der Seite. Ich glaube, dass er bleiben will, auf der gleichen Seite (er wird, wenn er überprüfen möchte, deaktiviert die Checkboxen nacheinander).
    • "ein Formular vorgelegt wird, um die server auf das Kontrollkästchen" =/ ich nahm an, er meinte form.submit()
    InformationsquelleAutor Warty
Schreibe einen Kommentar