复选框字段
轻松收集协议和多项选择。从简单的“是/否”复选框到带有“全选”、最小值/最大值控件和智能布局的多选列表——复选框字段能够处理单个协议和多项选择题，并提供强大的验证功能和用户友好的选项。
每个复选框都需要两种模式
完美的：
适用于各种用例的强大功能
两种复选框模式
单复选框模式：
一个复选框即可用于回答“是/否”问题、签署协议或选择加入。非常适合用于接受条款、订阅新闻简报和填写同意书。
用例：
- “我同意这些条款和条件。”
- “请帮我订阅电子报”
- “是的，我想接收更新信息。”
- “我确认此信息准确无误。”
特色：
- 自定义复选框标签文本
- 默认选中/未选中状态
- 自定义提交值（是、1、true 等）
- 必需的验证选项
多复选框模式：
提供多个选项，用户可以选择多个选项。非常适合“选择所有适用项”的问题、偏好收集和多选调查。
用例：
- 您对哪些功能感兴趣？（可多选）
- “请选择您偏好的联系方式”
- “选择您需要的所有服务”
- 你对哪些话题感兴趣？（可多选）
特色：
- 无限复选框选项
- 三种布局样式
- “全选”选项
- 最小/最大选择限制
- “其他”文本输入
- “以上皆非”专属选项
🎨 三种布局选项（多种模式）
垂直（堆叠）布局：
复选框每行显示一个，垂直堆叠。这种布局对于较长的选项标签来说最易读。
适用人群：
- 长选项文本
- 3-10 个选项
- 移动优先表单
- 最大可读性
横向（并排）布局：
复选框并排显示，布局紧凑，标签简短。
适用人群：
- 2-5个短期期权
- 紧凑型
- 桌面布局
- 空间效率
网格（多列）布局：
复选框以两列网格形式排列。这种均衡的布局既节省空间，又能保持良好的可读性。
适用人群：
- 4-12 个选项
- 中等长度的标签
- 平衡设计
- 专业的外观
响应行为：
所有布局都会自动适应移动屏幕，并在需要时堆叠以获得更好的触摸交互体验。
✨ “全选”选项
一键选择：
在列表顶部添加一个特殊的“全选”复选框。用户可以一键选中/取消选中所有选项。
明智的行为：
- 同时检查所有常规选项
- 再次点击时取消所有选中项
- 如果取消选择任何选项，则自动取消选中。
- 当选择部分（而非全部）选项时，显示不确定状态。
- 从“全选”中排除“以上皆非”。
完美：
- 较长的复选框列表（5 个以上选项）
- 用户通常会选择所有内容的表单
- “勾选所有适用项”问题
- 权限和功能选择
用户体验：
节省处理长列表的时间。用户可以选择全部内容，然后取消勾选特定例外情况。
✏️ “其他”选项（带文本输入）
自定义回复收集：
添加一个“其他”复选框，选中后会显示一个文本框。如果预设选项不合适，用户可以在这里输入自己的答案。
如何使用：
- “其他”复选框显示在列表底部
- 选中后，将显示文本输入字段。
- 用户输入自定义响应
- 复选框选择和文本都会被提交。
用例：
- “首选联系方式：…其他（请具体说明）”
- “兴趣爱好：……其他话题”
- 您是如何得知我们的？……其他渠道
- 任何无法合并的列表
优点：
能够捕捉意外的响应，提供灵活性，防止“强行匹配”的选择，并提高数据质量。
❌ “以上皆非”选项
独家非入选：
添加“以上皆非”选项，点击后自动取消选中所有其他选项。
智能独家性：
- 如果选中“无”，则所有其他选项将自动取消选中。
- 如果选中了其他任何选项，“无”将自动取消选中。
- 提供了一种清晰的方式来表示不选择任何选项。
- 防止出现相互矛盾的选择
用例：
- 可选的偏好问题
- “请选择所有过敏症：……以上均无”
- 资格审查员
- 兴趣选择
为何要包含：
防止表单放弃，显示详尽性，提供明确的否定选项，并提高数据准确性。
📊 最小/最大选择控件
控制选择数量：
设置必须/可以选择的复选框的最小和最大数量。
最低选择数量：
要求用户至少选择 X 个选项。表单只有在满足此要求后才会提交。
例子：
- “至少选择 2 项兴趣”（最少 2 项）
- “至少选择 3 个偏好”（最少 3 个）
- “至少选择 1 个选项”（最少：1 个）
最多选择：
限制用户最多只能选择 X 个选项。达到限制后，复选框将禁用。
例子：
- “请选择您最看重的3个功能”（最多3个）
- “最多可选择 5 项服务”（最多：5 项）
- “最多选择 2 个选项”（最多：2 个）
明确的反馈：
用户会看到“请至少选择 2 个选项”或“最多允许选择 3 个选项”之类的验证消息。
🔧 轻松管理选项
完全掌控选择：
- 添加选项——输入并按回车键或点击“添加选项”。几秒钟即可创建复选框列表。
- 编辑选项 – 分别更新显示文本（用户看到的内容）和值（提交的内容）。
- 默认选中 - 通过勾选每个选项旁边的复选框来预先选择特定的复选框。
- 重新排序选项 – 使用上下箭头键按完美顺序排列复选框。
- 删除选项 – 一键移除不需要的选项。
显示与价值：
- 标签：用户看到的内容（例如，“电子邮件更新”）
- 值：存储的内容（例如，“email_updates”）
大型建筑：
通过输入、按 Enter 键、再输入、再按 Enter 键，即可快速添加多个选项——快速创建复选框列表。
☑️ 单复选框功能
定制选项：
复选框标签文本：
复选框旁边的文字。务必清晰明确（例如，“我同意接收营销邮件”）。
默认选中状态：
表单加载时预先勾选复选框。请谨慎使用——用户应主动勾选同意框。
自定义提交值：
设置选中时提交的值（通常为“yes”、“1”或“true”）。默认值为“yes”。
所需验证：
将复选框设为必填项。用户必须勾选才能提交表单。非常适合用于需要签署的协议。
🔀 条件逻辑
动态复选框可见性：
根据表单其他值显示或隐藏复选框字段。仅在相关时显示选项。
高级逻辑规则：
与逻辑——所有条件必须满足
逻辑或 – 任何条件都可以触发该操作
8 个运算符——等于、不等于、大于、小于、包含、为空等等
用例：
仅当选中“需要配送”时才显示“配送偏好设置”复选框
选中订阅复选框后，显示“新闻简报主题”。
当服务类型为“高级”时，显示“附加服务”。
订单总额低于 50 美元时隐藏“折扣选项”。
🎯 提升用户体验
内置智能功能：
- 视觉指示器——间距合适的清晰复选框。
- 键盘导航——轻松使用 Tab 键浏览选项
- 触控友好——移动设备的大点击目标
- 默认选项 – 预先勾选特定选项
- 自定义 CSS 类 – 为复选框组应用样式
- 辅助功能支持 – 支持 ARIA 标签，兼容屏幕阅读器
- 移动设备优化——完美的触摸式复选框尺寸
- 清晰标签——文字清晰易读，对齐正确。
- 必要验证 – 清晰的错误信息
- 帮助文本 – 为复杂的复选框组添加描述
三步简单设置
几分钟即可准备好您的复选框字段
添加复选框字段
将“基本字段”部分中的“复选框”字段拖放到表单中。
选择模式
对于是/否问题，请选择“单选框”；对于多选问题，请选择“多选框”。
配置选项
对于单个复选框：设置复选框标签和值。对于多个复选框：添加选项、选择布局、可选启用“全选”或“其他”选项，以及设置最小/最大选择数量。
🎉搞定！您的复选框字段已准备就绪，并带有智能验证功能。
实际应用
协议与同意
* 接受条款和条件
* 隐私政策协议
* 电子邮件同意订阅
* 订阅电子报
调查与反馈
* “选择所有适用项”问题
* 多重兴趣选择
* 功能偏好收集
* 感兴趣的主题
电子商务管理
* 产品功能选择
* 服务附加组件
* 配送选项
* 通知偏好设置
报名表格
* 沟通偏好
* 兴趣类别
* 权限设置
* 功能访问选择
应用
* 资格审核员
* 技能选择
* 兴趣领域
* 可用性选项
设置与偏好
* 账户设置
* 隐私选项
* 通知选项
* 功能开关
完整字段选项
基本配置
- 字段标签 – 复选框上方显示的问题或标题
- 描述/帮助文本 – 为用户提供的额外指导
- 必填字段 – 将复选框设为必填项
- 占位符 – 不适用于复选框
复选框模式
选择模式类型：
- 单选框 – 是/否问题、同意或选择加入（一个复选框）
- 多选复选框 – 多选选项（多个复选框）
单选复选框选项
- 复选框旁边的文字 – 显示在复选框旁边的标签（例如，“我同意条款”）
- 初始选中状态 – 表单加载时复选框已预先选中
- 选中时的值 – 选中时存储的数据值（默认值：“是”）
多个复选框选项
布局样式：
- 堆叠式（每行一个）——垂直排列
- 并排（一排）——水平排列
- 网格（多列）– 双列网格布局
复选框选项：
列出你的选择清单：
- 显示文本——用户看到的内容（例如，“电子邮件”）
- 值——提交的内容（例如，“电子邮件”）
- 默认选中 - 预先选择特定选项
- 重新排序——上下移动选项
- 删除 – 移除选项
特殊选项：
- 添加“全选”选项 – 在顶部添加一个复选框，用于选中/取消选中所有选项
- 添加“其他”选项（带文本框）—— 添加一个带有文本字段的“其他”选项，用于自定义回复
- 添加“以上皆非”选项 – 添加一个互斥选项，选中该选项后将取消选中所有其他选项。
选择限制：
- 最少选中项数 – 必须选中的复选框最少数量（例如，2 个）
- 允许的最大选择数 – 可选中的复选框数量（例如，5 个）
条件逻辑
- 启用条件逻辑——根据条件显示/隐藏
- 逻辑类型
- 所有条件必须满足（并且）
- 任何条件均可满足（或）
- 条件规则
- 显示/隐藏 – 要采取的操作
- 字段 – 要检查哪个字段
- 运算符 – 等于、不等于、包含、大于、小于、为空、不为空
- 价值 – 比较值
- 多重条件 – 添加无限条规则
高级选项
- 隐藏字段 – 将字段设为不可见（不建议用于复选框）
- 自定义 CSS 类 – 应用自定义样式
- 辅助功能属性 – 屏幕阅读器的 ARIA 标签
为什么选择我们的复选框字段？
✅ 两种模式 – 单个复选框或同一字段类型中的多个复选框
✅ 灵活的布局 垂直、水平或网格状排列
✅ 选择全部 一键选择，方便快捷
✅ 其他选项 – 用于自定义回复的文本输入
✅ 无选项 – 独家非选择
✅ 最小/最大限制 – 控制选择量
✅ 易于管理 轻松添加、编辑、重新排序、删除选项
✅ 用户友好 清晰的标签、合适的间距、易于触摸
✅ 完全集成 – 与所有表单功能无缝协作
常見問題解答
问：单选框模式和多选框模式有什么区别？
单选模式显示一个复选框，供用户选择“是/否”。多选模式显示多个复选框，用户可以选择多个选项。
问：用户可以一次性选中所有复选框吗？
是的。启用“全选”选项，即可添加一个复选框，一键选中或取消选中所有选项。
问：最小值/最大值选择是如何工作的？
最小值确保用户至少选择一定数量的选项。最大值限制用户可以选择的复选框数量。
问：“其他”选项的作用是什么？
它添加了一个名为“其他”的复选框。选中后，会出现一个文本框，用户可以在其中输入自定义答案。
问：“以上皆非”选项如何运作？
它作为唯一选项。如果选中，所有其他复选框都将被清除。如果选中了任何其他选项，“无”选项将自动取消选中。
问：我可以预先选中某些复选框吗？
是的。单选模式下，请开启“默认选中”选项。多选模式下，请勾选您希望默认选中的每个选项旁边的复选框。
问：我需要预先勾选同意框吗？
不。对于政策、条款和同意书，用户应该主动勾选相应的复选框。
问：我可以更改复选框的顺序吗？
是的。您可以使用每个选项旁边的上下箭头来重新排列它们的顺序。
问：显示文本和值有什么区别？
显示文本是用户看到的内容。值是存储在数据库中以确保数据清晰一致的内容。
问：复选框可以使用条件逻辑吗？
是的。可以根据选择触发其他字段，使用“等于”、“为空”或“不为空”等运算符。
问：如何创建必填复选框？
启用“必填字段”。单选模式下，必须勾选此框。多选模式下，用户必须至少选择一个选项或满足您的最低要求。
问：用户在勾选后可以更改选择吗？
是的。他们可以在提交表单前自由勾选或取消勾选任何选项。“全选”也可以随时切换。
