JQuery 有条件地提交表单

Posted

技术标签:

【中文标题】JQuery 有条件地提交表单【英文标题】:JQuery Conditionally submit forms 【发布时间】:2010-09-18 20:01:10 【问题描述】:

我有一个包含多行的表。每一行都是一个表格。我想使用 JQuery 提交所有选中复选框的表单。表单发布到 IFrame,因此不需要 AJAX。

到目前为止我有:

       $("form").submit();

提交表单。但所有形式。行数任意,80-100行。

【问题讨论】:

【参考方案1】:

在我的脑海中,你可能想要这样的东西

$("input:checked").parent("form").submit();

这将找到选中的表单字段,向上遍历找到父表单对象并提交。

【讨论】:

除非所有行都在同一个表单中,否则它只是提交了整个表单。 海报说“每一行都是一个表格”,所以我的例子仍然有效。【参考方案2】:

我不确定提交,因为我已经在 .post() 中完成了这项工作,但这里是我用来获取我想在提交时发送的内容:

var formElements = $("form").find("input:checked").parent("td").serialize();

您应该能够发回该变量。

【讨论】:

【参考方案3】:

这是一个猜测,因为我不确定你的布局,但这里是......

$("td > input:checked > form").submit();

【讨论】:

选择器不应该返回 null,只返回一个没有项目的集合。

以上是关于JQuery 有条件地提交表单的主要内容,如果未能解决你的问题,请参考以下文章

jQuery提交表单而不重新加载页面

使用 jquery UI 确认表单提交

jQuery - e.preventDefault 难题/阻止默认后无法提交表单

Rails - 为啥远程提交我的表单后 jQuery 不加载

jquery submit和ajax提交表单的区别

Ajax表单提交