jQuery submit form on checkbox click

Question

I want to submit a form whenever checkboxes are clicked (I already have ajax set up with Rails) - this means even if it gets unchecked. Also I never want the click handler to unbind, so a user can click a checkbox as many times and the form will get submitted each time.

$(":checkbox").click(function() {
  $(this).closest("form").submit();
});

The above code works fine, but it stops working after the first click. How would I make it so that the above code will work even when a user clicks a checkbox more than once?

EDIT:

I am replacing the contents of the form (including the checkboxes) on submission of the form.

what exactly happens in the 2nd click? I believe this might be a popup blocking issue... — Pablo Fernandez
– Pablo Fernandez, Commented Jul 17, 2011 at 23:54
it should work on the second click also, are there any errors or other kind of notifications ? — Igoris
– Igoris, Commented Jul 18, 2011 at 0:03
What’s the effect of the AJAX request? Does anything on the page get updated or replaced? — s4y
– s4y, Commented Jul 18, 2011 at 0:28
@Sidnicious I'm replacing the contents of the form (including the checkboxes) — LanguagesNamedAfterCofee
– LanguagesNamedAfterCofee, Commented Jul 18, 2011 at 6:19

SeanCannon · Accepted Answer · 2011-07-18 00:27:45Z

4

$(':checkbox').live('click',function() {
    $(this).closest('form').submit();
});

edited Jul 18, 2011 at 0:27

answered Jul 17, 2011 at 23:57

SeanCannon

78.1k17 gold badges126 silver badges145 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Pablo Fernandez Over a year ago

why do you think this will work? I don't see a problem that live can solve. Also, you missed a quote symbol

Andrew Whitaker Over a year ago

Additionally, you need to supply an event name to live for this to by syntactically correct.

SeanCannon Over a year ago

Ugh long day - code fixed. Depending on how his form is being submitted, I've had issues in the past with event bindings being lost, and applying a future-proof event observer like live or delegate solved the issue.

Andrew Whitaker Over a year ago

@AlienWebguy: Looks like this answer is actually correct, judging by the OP's most recent comment, +1.

Collectives™ on Stack Overflow

jQuery submit form on checkbox click

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related