单击单选按钮时提交表单 - 单击单选按钮时提交表单并执行其他操作

我有一个关于单选按钮和表单的 jQuery 问题。

我有选项卡式内容设置，有 5 个选项卡设置，每个选项卡中有一个表单。

每个表单由 5 个单选按钮和一个提交按钮组成。

我有我的 jQuery 设置来验证是否首先进行了选择，然后使用 AJAX 提交表单，关闭当前选项卡 (slideUp) 并打开下一个选项卡 (slideDown)。

我想做的是删除提交按钮并通过单击任何单选按钮提交表单。这样，单击单选按钮即可提交表单，关闭当前选项卡并打开下一个选项卡。

我需要做什么才能做到这一点，以便单击任一单选按钮将提交表单并关闭选项卡。我的 jQuery 代码发布在下面。

$("#selfAss1").validate({
    invalidHandler: function(e, validator) {
        var errors = validator.numberOfInvalids();
        if (errors) {
            var message = errors == 1
                ? 'You missed 1 field. It has been highlighted below'
                : 'You missed ' + errors + ' fields.  They have been highlighted below';
            $("div.error span").html(message);
            $("div.error").show();
        } else {
            $("div.error").hide();
        }
    },
    onkeyup: false,
    submitHandler: function() {
            $.post('/_action.php', $("#selfAss1").serialize(), function(data) {
                    $('.pane1').slideUp('slow');
                    $('#result1').html(data);
                    $('.pane2').slideDown('slow');


            });
    },
    debug:true
});

从一张幻灯片到下一张幻灯片的过渡由您处理submitHandler，因此所有单选按钮需要做的就是在单击时提交表单，请记住：

$('input[type=radio]').on('change', function() {
    $(this).closest("form").submit();
});

一些注释；首先，我在这里使用了属性选择器，您可能希望将其更改为类或更具体的内容以满足您的需求。其次，您可能还想包含一个“返回”方法以允许人们更改他们的选择。用这个方法，只要点击一次，就可以了。