Envíe el formulario cuando se marca la casilla de verificación - tutorial

Question

que estoy tratando de lograr un efecto similar al 37signals' ta-da lista - Quiero que mis usuarios puedan comprobar items de una lista simplemente marcando un 'hecho' cuadro - en otras palabras, se envía un formulario al servidor al marcar la casilla. ¿Alguien sabe de un tutorial que cubre algo como esto, o podría apuntarme en la dirección correcta?

Gracias Rob

Answer 1

Si entiendo bien su pregunta:

Se podría lograr esto usando jQuery y AJAX. En el primer ejemplo lo estoy haciendo sin enviar todo el formulario, y sólo presentar el valor de la casilla de verificación:

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

Es de suponer que tendríamos algo en el lado del servidor que maneja el cargo.

Si realmente qué quiere enviar un formulario, puede hacer lo mismo que el anterior, excepto que le serializar los datos del formulario:

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

Answer 2

<input type="checkbox" onclick="yourForm.submit()">
Lo anterior se envíe el formulario cuando se hace clic en la casilla ... idk, si eso es lo que quieres.
lo que va a hacer el formulario predeterminado proceso de presentar ...

Answer 3

su simple ...

<input type="checkbox" onclick="this.form.submit();">