How to get a *custom* radio button to load as checked

Design help General
1

Checkboxes currently have the native Webflow option to start as checked, but radio buttons don’t.

There are also multiple threads in this forum that address setting a default radio button checked by adding an attribute checked=true.

However, now that radio buttons can be customized, this checked=true attribute no longer works. Has anyone found a solution?

Here is the live page in question, and my read-only link is down below.

Here is my site Read-Only: https://preview.webflow.com/preview/gather-with-us?utm_medium=preview_link&utm_source=designer&utm_content=gather-with-us&preview=339158fe31f4593ea6fd69c351493fd1&pageId=5f0ca087ff535eda8651e44e&mode=preview

1 Like
2

Answer:

Add a custom attribute checked=checked

image

4 Likes
3

Is anyone finding a random issue with this solution, where it works if you have three radio buttons, but there’s a bug if you have two? In the case of having just two radio buttons in a group, the second button is unclickable - so to fix this I’ve added a third radio button and hid it - but not the cleanest way to go about it.