javascript - Submit form on change of input field - Stack Overflow

admin管理员组

文章数量:1222503

I have a form with multiple input checkbox fields. I want to trigger form submit on change in any of the checkbox without submit button.

<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>

How it can be done with jQuery?

I have a form with multiple input checkbox fields. I want to trigger form submit on change in any of the checkbox without submit button.

<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>

How it can be done with jQuery?

• javascript
• jquery
• html
• forms

Share Improve this question Follow edited Aug 3, 2016 at 8:15 Rory McCrossan 338k4141 gold badges320320 silver badges351351 bronze badges asked Aug 3, 2016 at 8:13 Anuj TBEAnuj TBE 9,7903434 gold badges146146 silver badges304304 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 16

You could hook to the change() event of the checkboxes, then fire a submit() on the parent form, like this:

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

本文标签： javascriptSubmit form on change of input fieldStack Overflow