Using selected radio fields to navigate to the next page

  • Resolved jozzay

    (@jozzay)


    1 year, 11 months ago

    Hi I have a multi-page form which uses radio type fields for each question. I have used your standard “page breaks” as well as your standard “next” and “previous” buttons inorder to navigate between each page. However I want to also be able to let the user move to the next page as soon as they have clicked on a radio button. How can I do this?

    So basically I want the active/selected radio button to trigger an event that will take the user to the next page?

    Here is the link to my form –> https://jodevelops.dreamhosters.com/ux-tool

    Thank you so much.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @jozzay

    Thank you very much for using our plugin.

    Please, insert an “HTML Content” field in the form and enter the following piece of code as its content:

    <script>
jQuery(document).on('change','#fbuilder input[type="radio"]', function(){
jQuery(this).closest('.pbreak').find('.pbNext').click();
});
</script>

    Best regards.

Viewing 1 replies (of 1 total)
  • The topic ‘Using selected radio fields to navigate to the next page’ is closed to new replies.