1

チェックボックスがクリックされたときに単一のフォームから値を送信するためにこれを使用しています。フォームはmy-formと呼ばれます。

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

これは、1つのフォームで正常に機能しています。しかし、他のフォーム、おそらく同じページに10個あり、このコードを再利用したいと思います。

各フォームには一意のIDが必要であることを理解していますが、他のフォームではなく、そのフォームだけを送信するにはどうすればよいですか?

ありがとう :)

4

2 に答える 2

0

すべてのフォームに同じクラスを与え、このようにします

$( '.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すべてのフォームのクラス名です。

于 2012-11-17T12:15:30.933 に答える
0

次のように、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 );
        }
    );
} );
于 2012-11-17T12:16:50.257 に答える