Question

单击一个复选框时，我用它来从单个表单提交值。表单称为my-form。

$( '#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 );
        }
    );
} );

jquery复选框提交 - 多种形式？

2 个答案: