Last active
October 7, 2021 20:03
-
-
Save yanknudtskov/a82d1f3fcfaca171ae1f14b74c65f2de to your computer and use it in GitHub Desktop.
jQuery example to trigger next/previous buttons on GravityForms #gravity-forms
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// This is the initial GravityForms binding, it will be lost upon a page change with next/previous | |
// Thus we make a bind on gform_page_loaded event also | |
if( jQuery('.custom-form').length > 0 ) { | |
jQuery('.gfield_radio input[type=radio]').bind("click", function() { | |
//console.log('Clicked: ' + jQuery( this ).closest('.gform_page').find('.gform_page_footer .gform_next_button.button') ); | |
jQuery(this).closest('.gform_page').find('.gform_page_footer .gform_next_button.button').click(); | |
}); | |
} | |
jQuery(document).bind('gform_page_loaded', function(event, form_id, current_page){ | |
// code to be trigger when next/previous page is loaded | |
if( jQuery('.custom-form').length > 0 ) { | |
jQuery('.gfield_radio input[type=radio]').bind("click", function() { | |
//console.log('Clicked: ' + jQuery( this ).closest('.gform_page').find('.gform_page_footer .gform_next_button.button') ); | |
jQuery(this).closest('.gform_page').find('.gform_page_footer .gform_next_button.button').click(); | |
}); | |
} | |
}); |
I've set this up in a custom JS file and enqued but not working - does this work with AJAX enabled on the form?
First, love this idea! Thanks much. Question, I have it working with "ratings" survey add-on, but on mobile, when going to next page, the star rating does not clear. Ideas?
This did not work for me.. I've made this, but it works like every second time ish.. Don't know why
(function($) {
// Prisberegner
$('.hideFooter li input:radio').change(function() {
$(this).closest('.gform_page_fields').next().children('.gform_next_button').trigger('click');
});
function hideFooter() {
$('.hideFooter li input:radio').change(function () {
$(this).closest('.gform_page_fields').next().children('.gform_next_button').trigger('click');
});
}
// Load code GF
$(document).on('gform_post_render', function (event, form_id, current_page) {
hideFooter();
});
})(jQuery);
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
It's working!
Just have a minor issue: In the first trigger is not working. I have to manually click next button. While other next steps are working fine. Even if i back on the first step and then select radio button then its work fine.