jquery – 单击单选按钮提交表单 – 提交表单并通过无线电点击执行其他操作

前端之家收集整理的这篇文章主要介绍了jquery – 单击单选按钮提交表单 – 提交表单并通过无线电点击执行其他操作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个关于单选按钮和表单的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();
});

几个笔记;首先,我在这里使用了属性选择器,您可能希望将其更改为类或更符合您需求的类.其次,您可能还希望包含一个“返回”方法,以允许人们更改其选择.使用此方法,如果单击一次,就是这样.

猜你在找的jQuery相关文章