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

Posted 2023-02-19

【中文标题】如何在不单击“下一步”按钮的情况下以重力形式进入下一页

【英文标题】：How to go on next page in gravity form without click on "next" button

【发布时间】：2017-08-27 04:33:37

【问题描述】：

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

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

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

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

【参考方案1】：

一旦单选输入发生变化，您可以使用 jQuery 触发器触发下一个按钮：

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

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

【讨论】：

@TheBear byt 这次你可能已经找到了解决方案，但对于那些有同样问题的人来说，***.com/questions/11159860/…

如果有多个单选按钮怎么办？我怎样才能做到这一点？感谢先进

【参考方案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');
        );
    );

我不建议隐藏下一个按钮，因为如果用户返回他们不选择新答案就无法继续。

使用此 sn-p 自动前进已选择的单选按钮

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

【参考方案3】：

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