Fluent Forms select all checkbox

tdrayson

I was looking for a way to quickly select or deselect all checkboxes with Fluent Forms.

Demo

1. Adding the checkbox

First insert a checkbox field and add the class check-all to our container class under Advanced options.

screenshot 2023 03 25 at 15.12.56

2. Add the css

Next head to Settings & Integrations -> Custom CSS/JS

Add the CSS below to the Custom CSS box.

Members content only

Become a SnippetClub member to gain instant access to this tutorial plus tons more premium content.

Already a member? Log in below.

Login Form

👋🏻 Weekly Tutorial Digest

I send out a weekly newsletter with links to new tutorials written in the last week, you can subscribe below.

Newsletter

🔒I won't send you spam, I promise