Add

Lorem ipsum

Lorem ipsum

A
A
A
Design

1 views

3 min

Have a radio button selected by default in Webflow

Introduction

StepAction
1Add your radio buttons to the Webflow form
2Add a value to each radio button
3Get the ID of the radio button you want selected by default
4Add the script to the page head

Not possible natively in Webflow, Sandro, cofounder of the Gemeos Webflow agency, shows you how to have a radio button selected by default in your form when the page loads in Webflow.

Super useful for improving the user experience in some cases, especially for feedback forms, for example.

1. Add your radio buttons

Radio button Webflow

2. Add a value to your radio buttons

Radio Button Value Webflow

3. Add this script to the <head> of your page

Make sure you replace the ID value with the value of the radio button you want selected by default in the code below.

 

good to know

No-JavaScript alternative: add the custom 'checked' attribute (Name: checked, Value: empty) directly to your radio button in Webflow. This native approach has been supported since 2023 and is simpler than the script.

4. Publish and test the result

Good to know

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur. Aliquam orci sagittis dignissim sapien praesent donec.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Published on 10.04.2025

You might be interested in these tutorials

Similar tutorials

SEO / GEO

5 min read

5 views

How to Set Up a Redirect in Webflow? (2026)

Updated on 19.12.2025 by Sandro DA SILVA

SEO / GEO

5 min read

5 views

Add structured data to your Webflow site?

Updated on 21.08.2025 by Sandro DA SILVA

No-code

5 min read

5 views

How to Obfuscate a Link in Webflow

Updated on 23.04.2025 by Sandro DA SILVA

Let’s f*****G GO !!

Ready to launch
Your business?

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

You'll :heart: our collaboration...