Отправить форму, когда флажок установлен - учебник

Question

Я пытаюсь добиться эффекта, похожего на список тада 37signals - я хочу, чтобы мои пользователи могли отмечать элементы из списка, просто установив флажок «сделано» - другими словами, форма отправляется на сервер при установке флажка. Кто-нибудь знает учебник, который охватывает что-то вроде этого, или может указать мне правильное направление?

Спасибо Rob

Answer 1

это просто ...

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

Answer 2

Если я правильно понимаю ваш вопрос:

Вы можете сделать это, используя jQuery и AJAX . В первом примере я делаю это, не отправляя всю форму, а только отправляя значение флажка:

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

Предположительно, у вас на стороне сервера будет что-то, что обрабатывает сообщение.

Если вы действительно действительно хотите отправить форму, вы можете сделать то же самое, что и выше, за исключением того, что вы сериализовали данные формы:

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 3

<input type="checkbox" onclick="yourForm.submit()">
Приведенный выше отправит форму, когда будет установлен флажок ... idk, если вы этого хотите.
Так что это будет делать процесс отправки формы по умолчанию ...