Home › Forums › Quform WordPress › Append Selection Across Pages
- This topic has 6 replies, 2 voices, and was last updated 5 years ago by justdiveworld.
- AuthorPosts
- April 21, 2019 at 4:35 pm #29122justdiveworldParticipant
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.April 23, 2019 at 10:07 am #29147AllySupport StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
April 23, 2019 at 11:44 am #29150justdiveworldParticipantHi 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 fieldjQuery(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
April 23, 2019 at 2:30 pm #29152AllySupport StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
April 24, 2019 at 8:45 am #29153justdiveworldParticipantHi 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
April 24, 2019 at 1:08 pm #29162AllySupport StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
April 25, 2019 at 3:42 pm #29165justdiveworldParticipantThanks 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.
- AuthorPosts
- You must be logged in to reply to this topic.