Question

I’m using this to submit values from a single form when a checkbox is clicked. The form is called my-form.

$( '#my-form input[type=checkbox]' ).click( function() {
    $.post(
        'form.php',
        $( '#my-form' ).serialize(),
        function( response ) {
            $( '#my-form #form-response' ).html( response );
        }
    );
} );

This is working fine for one form. But I’d like to have other forms, maybe 10 on the same page and re use this code.

I understand each form has to have a unique ID, but how do I submit just that form, not any of the others ?

Thanks 🙂

Answer 1

give all of your forms same class and do it like this

$( '.my-form input[type=checkbox]' ).click( function() {
    var CurrectForm=$(this).parents('.my-form:first');
    $.post(
        'form.php',
        CurrectForm.serialize(),
        function( response ) {
            CurrectForm.find('#form-response').html( response );
        }
    );
} );

my-form is the class name for all forms.