Soumettre le formulaire lorsque la case est cochée - tutoriel

Je suis en train de réaliser un effet similaire à 37signals " ta-da liste - je veux que mes utilisateurs puissent vérifier les éléments d'une liste, il suffit de cocher un "fait" boîte - en d'autres mots, un formulaire est transmis au serveur sur la vérification de la boîte. Personne ne sait d'un tutoriel qui couvre quelque chose comme cela, ou pourrait me diriger dans la bonne direction?

Merci
Rob

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

    Si je comprends votre question correctement:

    Vous pourriez faire cela à l'aide de jQuery et AJAX. Dans le premier exemple, je suis en train de faire, sans les soumettre l'ensemble de la forme, et seulement la soumission de la valeur de la case:

    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
          }
      }
   });
});

    Sans doute vous auriez quelque chose sur le côté serveur qui gère le post.

    Si vous avez réellement ne souhaitez soumettre un formulaire, vous pouvez faire la même chose que ci-dessus, sauf que vous auriez sérialiser les données du formulaire:

    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

    son simple...

    <input type="checkbox" onclick="this.form.submit();">
    • Juste ce que je cherchais.
    • J'ai choisi cette méthode - c'est peut-être pas tout à fait aussi lisse que l'AJAX approche, mais cela signifie que mon code fonctionne toujours pour les personnes avec le JavaScript désactivé et il n'y a pas de possibilités de l'ajout d'une nouvelle faille de sécurité sur le serveur où le code AJAX de l'appelant.
    InformationsquelleAutor SB24
  3. 0

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

    Le ci-dessus va soumettre le formulaire lors de votre case est cliqué... idk si c'est ce que vous voulez.

    Donc, il va faire le formulaire par défaut de soumettre le processus de...

    • Mais qui va l'emmener loin de la page. Je crois qu'il veut rester sur la même page (il sera, s'il le veut cochez les cases une par une).
    • "un formulaire est transmis au serveur sur cochant la case" =/ je suppose qu'il voulait dire form.submit()
    InformationsquelleAutor Warty