php - jquery checkbox sumbit - 多种形式？

Question

单击复选框时，我使用它从单个表单提交值。该表格称为我的表格。

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

这适用于一种形式。但我想有其他形式，也许 10 在同一页面上并重新使用此代码。

我知道每个表单都必须有一个唯一的 ID，但是我如何只提交该表单，而不是其他任何表单？

谢谢 ：）

Answer 1

给你所有的表格一个相同的类，并这样做

$( '.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是所有表单的类名。

Answer 2

您可以将 id 更改为类，然后提交复选框的父表单，如下所示：

$( '.my-form input[type=checkbox]' ).click( function() {
    var $my_form = $(this).closest('.my-form');    

    $.post(
        'form.php',
        $my_form.serialize(),
        function( response ) {
            $( '.form-response', $my_form ).html( response );
        }
    );
} );