Jquery 选中复选框时提交表单-教程

我正在尝试实现一种类似于37signals的ta-da列表的效果——我希望我的用户能够通过选中“完成”框从列表中勾选项目——换句话说，在选中该框时表单会提交给服务器。有人知道这样的教程吗，或者可以为我指出正确的方向

谢谢

---

Rob

如果我正确理解了你的问题：

您可以使用和来完成此任务。在第一个示例中，我没有提交整个表单，只提交复选框的值：

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

单击复选框时，上面的内容将提交表单。。。如果这是您想要的，请拨打idk。
因此，它将执行默认的表单提交过程…

它很简单

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

但这会让他离开页面。我相信他希望保持在同一页上（如果他想逐个勾选复选框，他会的）。“一个表单在勾选复选框后被提交到服务器”=/我认为他的意思是

form.submit（）

这正是我想要的。我也选择了这种方法——它可能没有AJAX方法那么灵巧，但这意味着我的代码仍然适用于禁用JavaScript的人，并且不可能在AJAX代码调用的服务器上添加新的安全漏洞。