Clone Project

Custom Checkbox Values

Created by
Similar Projects
Oops! Something went wrong while submitting the form.

0 Comments

Be the first to leave a comment.
Loading
User is typing...
No Name
Set
4 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
No Name
Set
2 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
Description:  
AI Description

This component allows users to submit custom values in a form based on whether a checkbox is checked or not. Instead of the default 'true' or 'false' values, users can define specific values to be passed through upon form submission, enhancing the flexibility of form handling.

Key Features:

  • Custom value submission based on checkbox status, allowing for tailored data handling.
  • Utilizes a JavaScript script to dynamically create hidden input fields with specified values.
  • Supports multiple checkboxes with different custom values defined in the 'ms-code-custom-checkbox' attribute.

Design Elements:

  • Simple and functional layout with a clear checkbox and label design.
  • Incorporates a clean form submission interface with a submit button.
  • Utilizes a modal for feedback on form submission success or failure.

Potential Use Cases:

  • Surveys where specific responses need to be captured based on user selections.
  • Registration forms that require custom data based on user preferences.
  • E-commerce checkouts where users can select options that affect pricing or product features.

Conclusion: The Custom Checkbox Values component provides a practical solution for form submissions that require specific data handling, making it suitable for various applications in web forms.

Description from Webflow:  
Submit custom values in a form based on whether a checkbox has been checked or not! Usually, if a checkbox is checked, it will pass through the value of "true" or "false". Using this script, you can instead determine manually what will be passed through if it is checked, and if it is not checked.
Tags from Webflow: 
checkbox,  checkboxname,  customcheckbox,  checkboxes,  memberstack,  memberstack2
.