Jquery – 通过一个按钮提交所有表格

HTML：

  ... 
 Continue 

jQuery的：

 $(document).ready(function(){ $("#allsubmit").click(function(){ $('.allforms').submit(); }); }); 

我在上面的html代码中有3个表单。 我的按钮不在我的任何表格中。 如何为我的所有表单提供一个提交按钮。 我尝试了点击function，但它不起作用。 为什么？

Answer 1

表单提交是一个同步操作，因此当您提交表单然后立即在页面中提交其他表单时，第一个表单的提交将被取消。

你可以做的是确保表单是异步提交的（使用ajax）：

 $(function() { $("#allsubmit").click(function(){ $('.allforms').each(function(){ valuesToSend = $(this).serialize(); $.ajax($(this).attr('action'), { method: $(this).attr('method'), data: valuesToSend } ) }); }); }); 

  
   
 
 
   
 
 
   
 
 Continue 

Answer 2

我没有测试它，但试试这个：

 $("#allsubmit").on("click", function(){ $('.allforms').each(function(){ $(this).submit(); }); }); 

请注意，您的所有表单都必须具有class="allforms"属性