Dynamic radio buttons/check boxes in forms (Re-Opening Topic)

Design help CMS
1

Hey Guys, hey @Anna_Kelian,

some time ago I was looking for a solution to integrate dynamic radio buttons or check boxes into a form. @Anna_Kelian helped me with the following solution:

Add a dynamic List under Select expert and link it to the contacts collection.

Delete all but one of the radio button fields you’ve already made. Drag and drop the one remaining into the dynamic list above.

Link the Field label to the contact name. (get text from contacts and choose name)

Add an Html embed right below the radio button field (inside the dynamic item) and add the following code, replacing the NAME & EMAIL with dynamic fields.

  <script type="text/javascript" language="JavaScript">
    <!--
    document.write('<input ');
    document.write('   type="hidden" ');
    document.write('   name="Expert" ');
    document.write('   value="NAME">');
    //-->
    <!--
    document.write('<input ');
    document.write('   type="hidden" ');
    document.write('   name="Expert-email" ');
    document.write('   value="EMAIL">');
    //-->
    </script>

At the moment I am setting up a new project using that solution, but I recognized that the embedded JS always sends the value of the last radio button or check box and not the value of the selected one(s).

Disired solution:

  • I want to integrate a form on a CMS collection page.
  • The user should be able to select between options that are linked to the collection page.
  • I would not mind to use either radio buttons or checkboxes.

Any idea?

https://preview.webflow.com/preview/medizinertest?preview=db1e871789d7fa89be012298fe140aa4

The form is on the “Standorte” collection page.

Thanks a lot!

Michael

1 Like
2

Nobody has an idea how to solve the problem?

3

Guys, I need your help … :neutral_face:

Any ideas or comments? :

4

This would be super helpful!

2 Likes
5 
$('input[type="radio"]:checked').val();
$('input[type="checkbox"]:checked').val();

should get the value of the selected radio btn & checkbox respectively