如何以重力形式进入下一页而不点击" next"按键

时间:2017-04-02 06:57:22

标签: wordpress contact-form gravity-forms-plugin gravityforms

我在"重力形式"中创建了一个多页调查表。默认情况下,当我点击"下一页"按钮。有没有办法打开下一页,没有点击"下一步按钮"

我的表单 - http://dev23.cashframework.com/

例如,如果我选择"购买"选项(单选按钮)然后自动打开表单的下一页。

我试图通过"条件逻辑"但没有成功

2 个答案:

答案 0 :(得分:0)

一旦更改了无线电输入,您就可以使用jQuery触发器触发下一个按钮:

$(function(){   
        jQuery('#input_1_2 input:radio').change(function() {
            jQuery('#gform_next_button_1_4').trigger('click');
        });
    });

然后,您可以使用CSS隐藏下一个按钮。

答案 1 :(得分:0)

只是添加到第一个答案:

将此添加到您的functions.php文件中

    add_action( 'wp_enqueue_scripts', 'autoprogress' );
function autoprogress() {
    wp_enqueue_script(
        'autoprogress', 
        get_template_directory_uri() . '/js/autoprogress.js', 
        array('jquery') /
    );
}

然后创建一个名为autoprogress.js的JS文件,并为每个单选部分和下一步按钮(检查元素)创建单独的jquery函数。因此#input_1_1,#input_1_2等

   $(function(){   
        jQuery('#input_#_# input:radio').change(function() {
            jQuery('#gform_next_button_#_#').trigger('click');
        });
    });

我不建议隐藏下一个按钮,就像用户回去一样,如果不选择新答案就无法继续前进。

使用此代码段在已选择的单选按钮上自动前进

$(function(){   
    jQuery('#input_#_# input:radio').click(function() {
        jQuery('#gform_next_button_#_#').trigger('click');
    });
});