JQuery Conditionally submit forms

Question

I have a table with multiple rows. Each row is a form. I want to use JQuery to submit all the forms that have the check box checked. The form is posting to an IFrame so there is not much need for AJAX.

So far I have:

    $("form").submit();

which submits the form. but all forms. There is arbritary number of rows, could be 80-100.

Answer 1

This is kinda a guess since I'm not sure of your layout, but here goes....

$("td > input:checked > form").submit();

Answer 2

Off the top of my head, you probably want something like this

$("input:checked").parent("form").submit();

This will find the checked form fields, traverse up to find the parent form object and submit that.

Answer 3

I'm not sure about submit, because I've done this in .post(), but here is what I've used to get what I want to send on the submission:

var formElements = $("form").find("input:checked").parent("td").serialize();

you should be able to send back that variable.