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

时间:2014-05-18 07:38:48

标签: jquery html ajax forms radio-button

我有多个具有相同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都是相同的。我需要一次使用表单数据提交一个表单。任何人都可以提出更好的方法吗?

1 个答案:

答案 0 :(得分:3)

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