Checkbox Field
Collect agreements and multiple selections with ease. From simple yes/no checkboxes to multi-select lists with “Select All,” min/max controls, and smart layouts – the Checkbox field handles single agreements and multi-choice questions with powerful validation and user-friendly options.
Two Modes for Every Checkbox Need
Perfect for:
Powerful Features for Every Use Case
Two Checkbox Modes
Single Checkbox Mode:
One checkbox for yes/no questions, agreements, or opt-ins. Perfect for terms acceptance, newsletter subscriptions, and consent forms.
Use Cases:
- “I agree to the terms and conditions”
- “Subscribe me to the newsletter”
- “Yes, I want to receive updates”
- “I confirm this information is accurate”
Features:
- Custom checkbox label text
- Default checked/unchecked state
- Custom submitted value (yes, 1, true, etc.)
- Required validation option
Multiple Checkboxes Mode:
Multiple options where users can select several choices. Perfect for “Select all that apply” questions, preference collection, and multi-select surveys.
Use Cases:
- “Which features interest you?” (multiple selections)
- “Select your preferred contact methods”
- “Choose all services you need”
- “What topics interest you?” (check multiple)
Features:
- Unlimited checkbox options
- Three layout styles
- “Select All” option
- Min/max selection limits
- “Other” with text input
- “None of the above” exclusive option
🎨 Three Layout Options (Multiple Mode)
Vertical (Stacked) Layout:
Checkboxes appear one per line, stacked vertically. Most readable layout for longer option labels.
Best For:
- Long option text
- 3-10 options
- Mobile-first forms
- Maximum readability
Horizontal (Side-by-side) Layout:
Checkboxes appear in a row, side by side. Compact layout for short labels.
Best For:
- 2-5 short options
- Compact forms
- Desktop layouts
- Space efficiency
Grid (Multiple Columns) Layout:
Checkboxes arranged in a 2-column grid. Balanced layout that saves space while maintaining readability.
Best For:
- 4-12 options
- Medium-length labels
- Balanced design
- Professional appearance
Responsive Behavior:
All layouts automatically adapt to mobile screens, stacking when needed for better touch interaction.
✨ “Select All” Option
One-Click Selection:
Add a special “Select All” checkbox at the top of your list. Users can check/uncheck all options with one click.
Smart Behavior:
- Checks all regular options simultaneously
- Unchecks all when clicked again
- Automatically unchecks if any option is deselected
- Shows indeterminate state when some (not all) options are selected
- Excludes “None of the above” from select all
Perfect For:
- Long checkbox lists (5+ options)
- Forms where users often select everything
- “Check all that apply” questions
- Permission and feature selection
User Experience:
Saves time on long lists. Users can select all, then uncheck specific exceptions.
✏️ “Other” Option with Text Input
Custom Response Collection:
Add an “Other” checkbox that reveals a text field when selected. Users can specify their own answer if preset options don’t fit.
How It Works:
- “Other” checkbox appears at bottom of list
- When checked, text input field appears
- Users type custom response
- Both checkbox selection and text are submitted
Use Cases:
- “Preferred contact method: …Other (please specify)”
- “Interests: …Other topics”
- “How did you hear about us: …Other source”
- Any list that can’t co
Benefits:
Captures unexpected responses, provides flexibility, prevents “forced fit” selections, and improves data quality.
❌ “None of the Above” Option
Exclusive Non-Selection:
Add a “None of the above” option that automatically unchecks all other selections when clicked.
Smart Exclusivity:
- When “None” is checked, all other options uncheck automatically
- When any other option is checked, “None” unchecks automatically
- Provides clear way to indicate no selections apply
- Prevents contradictory selections
Use Cases:
- Optional preference questions
- “Select all allergies: …None of the above”
- Qualification checkers
- Interest selections
Why Include:
Prevents form abandonment, shows thoroughness, provides explicit negative option, and improves data accuracy.
📊 Min/Max Selection Controls
Control Selection Quantity:
Set the minimum and maximum number of checkboxes that must/can be selected.
Minimum Selections:
Require users to select at least X options. Form won’t submit until the requirement is met.
Examples:
- “Select at least 2 interests” (Min: 2)
- “Choose minimum 3 preferences” (Min: 3)
- “Pick at least 1 option” (Min: 1)
Maximum Selections:
Limit users to selecting no more than X options. Checkboxes disable after limit reached.
Examples:
- “Choose your top 3 features” (Max: 3)
- “Select up to 5 services” (Max: 5)
- “Pick no more than 2 options” (Max: 2)
Clear Feedback:
Users see validation messages like “Please select at least 2 options” or “Maximum 3 selections allowed.”
🔧 Easy Options Management
Full Control Over Choices:
- Add Options – Type and press Enter or click “Add Option.” Build checkbox lists in seconds.
- Edit Options – Update display text (what users see) and values (what’s submitted) independently.
- Default Checked – Pre-select specific checkboxes by checking the box next to each option.
- Reorder Options – Use up/down arrows to arrange checkboxes in perfect order.
- Delete Options – Remove unwanted options with one click.
Display vs. Value:
- Label: What users see (e.g., “Email Updates”)
- Value: What’s stored (e.g., “email_updates”)
Bulk Building:
Add multiple options quickly by typing, pressing Enter, typing, pressing Enter – rapid checkbox list creation.
☑️ Single Checkbox Features
Customization Options:
Checkbox Label Text:
The text displayed next to the checkbox. Make it clear and specific (e.g., “I agree to receive marketing emails”).
Default Checked State:
Pre-check the box when form loads. Use carefully – users should consciously check agreement boxes.
Custom Submitted Value:
Set what value is submitted when checked (typically “yes”, “1”, or “true”). Default is “yes”.
Required Validation:
Make checkbox mandatory. Users must check it to submit form. Perfect for required agreements.
🔀 Conditional Logic
Dynamic Checkbox Visibility:
Show or hide checkbox fields based on other form values. Display options only when relevant.
Advanced Logic Rules:
AND Logic – All conditions must be met
OR Logic – Any condition can trigger the action
8 Operators – Equals, Not equals, Greater than, Less than, Contains, Is empty, and more
Use Cases:
Show “Shipping preferences” checkboxes only when “Requires shipping” is checked
Display “Newsletter topics” when subscription checkbox is checked
Reveal “Additional services” when service type equals “Premium”
Hide “Discount options” when order total is less than $50
🎯 Enhanced User Experience
Smart Features Built-In:
- Visual Indicators – Clear checkboxes with proper spacing
- Keyboard Navigation – Tab through options easily
- Touch-Friendly – Large tap targets for mobile
- Default Selections – Pre-check specific options
- Custom CSS Classes – Apply styling to checkbox groups
- Accessibility Support – ARIA labels, screen reader compatible
- Mobile Optimized – Perfect checkbox sizes for touch
- Clear Labels – Readable text with proper alignment
- Required Validation – Clear error messages
- Help Text – Add descriptions for complex checkbox groups
Simple Setup in 3 Steps
Get your Checkbox Field ready in minutes
Add Checkbox Field
Drag and drop the Checkbox field from the Basic Fields section into your form.
Choose Mode
Select “Single Checkbox” for yes/no questions or “Multiple Checkboxes” for multi-select options.
Configure Options
For single: set checkbox label and value. For multiple: add options, choose layout, optionally enable “Select All” or “Other” options, and set min/max selections.
🎉 That's it! Your checkbox field is ready with smart validation.
Real-World Applications
Agreements & Consent
* Terms and conditions acceptance
* Privacy policy agreements
* Email consent opt-ins
* Newsletter subscriptions
Surveys & Feedback
* “Select all that apply” questions
* Multiple interest selection
* Feature preference collection
* Topic interest choices
E-Commerce
* Product feature selection
* Service add-ons
* Shipping options
* Notification preferences
Registration Forms
* Communication preferences
* Interest categories
* Permission settings
* Feature access selection
Applications
* Qualification checkers
* Skill selections
* Interest areas
* Availability options
Settings & Preferences
* Account settings
* Privacy options
* Notification choices
* Feature toggles
Complete Field Options
Basic Configuration
- Field Label – The question or title shown above checkboxes
- Description/Help Text – Additional guidance for users
- Required Field – Make checkbox(es) mandatory
- Placeholder – Not applicable for checkboxes
Checkbox Mode
Choose mode type:
- Single Checkbox – Yes/No question, agreement, or opt-in (one checkbox)
- Multiple Checkboxes – Multi-select options (multiple checkboxes)
Single Checkbox Options
- Text Next to Checkbox – Label shown beside the checkbox (e.g., “I agree to terms”)
- Start Checked – Checkbox pre-checked when form loads
- Value When Checked – Data value stored when checked (default: “yes”)
Multiple Checkboxes Options
Layout Style:
- Stacked (one per line) – Vertical arrangement
- Side by side (in a row) – Horizontal arrangement
- Grid (multiple columns) – 2-column grid layout
Checkbox Options:
Build your list of choices:
- Display Text – What users see (e.g., “Email”)
- Value – What’s submitted (e.g., “email”)
- Default Checked – Pre-select specific options
- Reorder – Move options up/down
- Delete – Remove options
Special Options:
- Add “Select All” Option – Adds checkbox at top that selects/deselects all options
- Add “Other” Option with Text Box – Adds “Other” option with text field for custom responses
- Add “None of the above” Option – Adds exclusive option that unchecks all others when selected
Selection Limits:
- Minimum Selections Required – Least number of checkboxes that must be selected (e.g., 2)
- Maximum Selections Allowed – Most checkboxes that can be selected (e.g., 5)
Conditional Logic
- Enable Conditional Logic – Show/hide based on conditions
- Logic Type
- All conditions must be met (AND)
- Any condition can be met (OR)
- Condition Rules
- Show/Hide – Action to take
- Field – Which field to check
- Operator – Equals, Not equals, Contains, Greater than, Less than, Is empty, Is not empty
- Value – Comparison value
- Multiple Conditions – Add unlimited rules
Advanced Options
- Hidden Field – Make field invisible (not recommended for checkboxes)
- Custom CSS Classes – Apply custom styling
- Accessibility Attributes – ARIA labels for screen readers
Why Choose Our Checkbox Field?
✅ Two Modes – Single checkbox or multiple checkboxes in one field type
✅ Flexible Layouts – Vertical, horizontal, or grid arrangements
✅ Select All – One-click selection for convenience
✅ Other Option – Text input for custom responses
✅ None Option – Exclusive non-selection choice
✅ Min/Max Limits – Control selection quantity
✅ Easy Management – Add, edit, reorder, delete options effortlessly
✅ User-Friendly – Clear labels, proper spacing, touch-friendly
✅ Fully Integrated – Works seamlessly with all form features
Frequently Asked Questions
Q: What’s the difference between single and multiple checkbox modes?
Single mode shows one checkbox for yes/no decisions. Multiple mode shows several checkboxes where users can select more than one option.
Q: Can users select all checkboxes at once?
Yes. Enable the “Select All” option to add a checkbox that checks or unchecks every option in one click.
Q: How do min/max selections work?
Minimum ensures users select at least a certain number of options. Maximum limits how many checkboxes they can choose.
Q: What does the “Other” option do?
It adds an extra checkbox labeled “Other.” When selected, a text field appears so users can enter a custom answer.
Q: How does “None of the above” work?
It acts as an exclusive choice. If selected, all other checkboxes are cleared. If any other option is checked, the “None” choice unchecks automatically.
Q: Can I pre-select certain checkboxes?
Yes. For single mode, turn on “Start Checked.” For multiple mode, mark the small checkbox beside each option you want selected by default.
Q: Should I pre-check agreement boxes?
No. For policies, terms, and consent, users should actively check the box themselves.
Q: Can I change checkbox order?
Yes. Use the up and down arrows beside each option to reorder them however you like.
Q: What’s the difference between display text and value?
Display text is what users see. Value is what gets stored in your database for clean, consistent data.
Q: Can I use conditional logic with checkboxes?
Yes. Trigger other fields based on selections using operators like “Equals,” “Is empty,” or “Is not empty.”
Q: How do I create a required checkbox?
Enable “Required Field.” For single mode, the box must be checked. For multiple mode, users must select at least one option or meet your minimum requirement.
Q: Can users change selections after checking?
Yes. They can check or uncheck any options freely before submitting the form. “Select All” can also be toggled at any time.
