Display value from checked radio button in textbox

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 :slight_smile:


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)

1 Like

Hi Bonaindia,
Did you find a solution to this problem? I am facing the exact same issue of displaying text selected in the radio button