Append Selection Across Pages

Home Forums Quform WordPress Append Selection Across Pages

This topic is: resolved
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #29122
    justdiveworld
    Participant

    I have a registration page that one Page 1 asks the person if they want to register as an Individual or Professional using a radio button field. When they get to the 3rd page, I would like them to be able to change this option on Page 3 instead of going back to Page 1.

    E.g. person has registration as an Individual and when he gets to page 3 wants to change it to Professional.

    How can I do this?

    Attachments:
    You must be logged in to view attached files.
    #29147
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #29150
    justdiveworld
    Participant

    Hi Ally,

    I have tried exactly as you stated below, but when I save it says “An error occurred saving the settings. Ajax error”.

    3_4 is the first radio button field
    3_179 is the second radio button field

    jQuery(function ($) {
    var $radio1 = $('.quform-field-3_4'),
    $radio2 = $('.quform-field-3_179');

    $radio1.click(function () {
    var value = this.value;

    $radio2.filter(function () {
    return this.value === value;
    }).prop('checked', true).triggerHandler('change');
    });

    $radio2.click(function () {
    var value = this.value;

    $radio1.filter(function () {
    return this.value === value;
    }).prop('checked', true).triggerHandler('change');
    });
    });

    Out of curiosity, not being a coder but trying to learn. I notice you use “#039” everywhere. What does that refer too?

    Thank you again.

    Denis

    #29152
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #29153
    justdiveworld
    Participant

    Hi Ally,

    I have done as your instructed and used the code from this post and appended 1_3 and 1_4 with the relevant values however it doesn’t seem to work. Any ideas?

    jQuery(function ($) {
    var $radio1 = $(‘.quform-field-3_4’),
    $radio2 = $(‘.quform-field-3_179’);

    $radio1.click(function () {
    var value = this.value;

    $radio2.filter(function () {
    return this.value === value;
    }).prop(‘checked’, true).triggerHandler(‘change’);
    });

    $radio2.click(function () {
    var value = this.value;

    $radio1.filter(function () {
    return this.value === value;
    }).prop(‘checked’, true).triggerHandler(‘change’);
    });
    });

    Thanks, Denis

    #29162
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #29165
    justdiveworld
    Participant

    Thanks Ally,

    I was viewing it in preview mode and not on the live site. It works on the live site.

    Thanks again for the help.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.
Be inspired. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy