如何使用单选按钮一次提交一个表单

Question

我有多个具有相同 ID、隐藏字段和单选按钮的表单。

<form method='post' id='check'>
    <input type='radio' name='class' value='ac'>
    <input type='hidden' name='train_no' value='12304'>
</form>

我正在使用 jquery ajax 提交表单。

$(document).ready(function(){
    $("input[name='class']").change(function() {                
        $.ajax({
            type: "POST",
            url: "check.php",             
            data: $("#check").serialize(),                
            success: function(response){                    
                $("#responsecontainer").html(response); 
                //alert(response);
            }
        });
    });
});

问题是我无法确定我需要提交哪个表单，因为所有表单的表单 ID 都是相同的。我需要一次提交一份带有表单数据的表单。任何人都可以提出更好的方法吗？

Answer 1

$(function(){
    $("input[name='class']").change(function() { 
        var form = this.form; // Here is your form reference
        $.ajax({
            type: "POST",
            url: "check.php",             
            data: $(form).serialize(),                
            success: function(response){                    
                $("#responsecontainer").html(response); 
                //alert(response);
            }
        });
    });
});