javascript - 提交更改输入字段的表单

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

您可以 Hook 到复选框的 change() 事件，然后在父 form 上触发 submit()，就像这样:

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