Hi Webflow community,
I’ve done my research and surprisingly can’t seem to find an answer to the question I’m having. I think it will be a really simple fix for anyone that knows JS or jQuery, I just can’t seem to figure out the syntax…
Here’s my issue:
Basically, I’m working on creating a price calculator on my website; I want users to be able to make their selection and estimate approximately how much it will cost them.
The calculator broken up into two columns:
-
On the left-hand column are 9 radio button inputs, broken up into 3 groups (3 radio buttons per group): “Website Size”, “Interactions & Functionality”, and “Content & Branding”. Users will be able to choose one of the three options per group.
-
And on the right is the recap. Here, I’d like to clearly display each of the options that have been selected, followed by the resulting price.
So far, I actually have the price calculator bit figured out already and working perfectly (thanks to @Finsweet !), so the hard part is taken care of.
However, I can’t seem to pull the values from the selected radio buttons and display them in the text boxes on the right-hand side.
I already have everything set up for the custom code; each of the radio button’s respective Choice Values have already been defined in the settings, and I’ve also added div IDs to each of the text boxes I want to push the selected radio button values to.
Is anyone able to help out here? I’d really appreciate the support!
Thanks so much
Here is my site Read-Only: https://preview.webflow.com/preview/bonaindiaxd?utm_medium=preview_link&utm_source=designer&utm_content=bonaindiaxd&preview=2283fde753c0ea682c9ae3d1cd00a03d&pageId=5fa95cc578fec5071de2e30e&mode=preview
(how to share your site Read-Only link)