wordpress - 如何在不单击“下一步”按钮的情况下以重力形式进入下一页

Question

我在“重力形式”中创建了一个多页调查表。默认情况下，当我单击“下一步”按钮时，它会转到下一页。有什么方法可以在不点击“下一步按钮”的情况下打开下一页

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

例如，如果我选择“购买”选项（单选按钮）然后自动打开表单的下一页。

我试图通过“条件逻辑”做到这一点，但没有成功

Answer 1

单选输入更改后，您可以使用 jQuery 触发器触发下一个按钮：

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

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

Answer 2

只是添加到第一个答案：

将此添加到您的 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');
    });
});

Answer 3

您可以使用“重力形式的多页自动前进”插件。您可以在 wordpress 中免费下载。