在输入字段的更改时提交表单

Question

我有一个包含多个输入复选框字段的表单。我想在没有提交按钮的任何复选框中触发表单提交。

<form action="" method="get">
  <input type="checkbox" name="p[]" value="1">
  <input type="checkbox" name="p[]" value="2">
  <input type="checkbox" name="p[]" value="3">
</form>

如何使用jQuery完成？

Answer 1

您可以勾选复选框的change()事件，然后在父submit()上触发form，如下所示：

$('form input').change(function() {
    $(this).closest('form').submit();
});