多选复选框列表:允许用户选择多个选项
“选择所有适用项。”这是表单中最常见的说明之一——而复选框正是实现这一功能的工具。多选复选框列表允许用户从预定义列表中选择多个选项,非常适合用于填写兴趣爱好、偏好、服务项目以及任何需要多个答案的情况。
在本指南中,您将学习如何为 WordPress 表单创建有效的多选复选框列表。
何时使用多选复选框
完美的
- 兴趣选择: 你对哪些话题感兴趣?
- 服务咨询: 您对哪些服务感兴趣?
- 功能偏好: 您需要哪些功能?
- 联系方式: “您希望我们如何联系您?”
- 饮食要求: “有任何饮食限制吗?”
- 技能/专长: “选择您的专业领域”
- 调查问卷: 你试过其中哪些?
主要特征
- 允许多选(与单选按钮不同)
- 可以不进行任何选择(除非必须选择)
- 所有选项同时显示
- 独立选择(选择一个不会影响其他选择)
多选复选框与其他方案
| 复选框 | 单选按钮 | 多选下拉菜单 |
|---|---|---|
| 多项选择 | 仅限单选 | 多项选择 |
| 所有选项均可见 | 所有选项均可见 | 选项隐藏,点击后才会显示。 |
| 最适合 3-10 个选项 | 最适合 2-5 个选项 | 适用于多种用途 |
| 易于扫描 | 易于扫描 | 体积小巧,但需要交互 |
创建多选复选框
步骤 1:添加复选框字段
- 打开您的表单 空军基地
- 拖动 复选框 表单字段
- 点击配置
第二步:写下你的问题
标签示例:
- 您对哪些服务感兴趣?
- “选择您的偏好”
- 您需要哪些功能?
- “你是怎么知道我们的?”
帮助文本:
- 请选择所有适用项
- “任选其一”
- “请勾选所有相关选项”
步骤 3:添加您的选项
请将每个选项写在新的一行中:
网站设计 SEO服务 内容营销 社交媒体管理 电子邮件营销 付费广告
第四步:选择布局
垂直布局
☐ 选项一 ☐ 选项二 ☐ 选项三 ☐ 选项四 ☐ 选项五
最适合:
- 更长的选项标签
- 移动友好型显示
- 轻松扫描
- 5 多个选项
水平布局
☐ 选项 A ☐ 选项 B ☐ 选项 C ☐ 选项 D
最适合:
- 短标签
- 3-4 个选项
- 紧凑型显示屏
网格布局
☐ 选项一 ☐ 选项二 ☐ 选项三 ☐ 选项四 ☐ 选项五 ☐ 选项六
最适合:
- 多种选择(6-12)
- 相似长度的标签
- 有效利用空间
步骤 5:配置选择规则
必填字段
- 如果用户必须至少选择一个,则启用此功能。
- 提交时如果未选择任何选项,则会出错。
最低选择
- 设定最少选择次数
- “请至少选择 2 个选项”
最大选择
- 限制可选择的数量。
- “最多选择 3 个选项”
- 部队优先排序
特殊复选框功能
选择所有选项
添加“全选”复选框:
运作方式:
- 一键选择所有选项
- 再次点击即可取消所有选择。
- 方便列出长清单
适用于:
- 常见的列表,其中可以选择全部内容
- “是的,我对所有事情都感兴趣。”
- 订阅新闻简讯主题
在设置中启用: 切换“全选选项”
“其他”选项(带文本框)
允许自定义条目:
☐ 选项 A ☐ 选项 B ☐ 选项 C ☐ 其他:[________________]
运作方式:
- “其他”显示为最后一个选项
- 选中后,文本字段将显示
- 用户输入自定义答案
适用于:
- 无法预测所有可能的答案
- 调查与研究
- 探索新选择
在设置中启用: 开启“其他选项”
“以上皆非”选项
明确选择退出:
☐ 选项 A ☐ 选项 B ☐ 选项 C ☐ 以上皆非
运作方式:
- 选择“无”通常会取消选择其他选项。
- 用户明确表示“无适用”
- 与留空不同
适用于:
- 需要明确答案的调查
- 区分“无”和“跳过”
- 如果不需要回答必填问题,则必须回答以下问题。
多选复选框示例
服务利益表
标签: 您对哪些服务感兴趣?
帮助文本: 请选择所有适用项
选项:
- ☐ 网站设计
- ☐ 网站开发
- ☐ SEO优化
- ☐ 内容写作
- ☐ 社交媒体营销
- ☐ 电子邮件营销
- ☐ 付费广告(PPC)
- ☐ 品牌与标志设计
设置: 必需,垂直布局
联系偏好
标签: “您希望我们如何与您联系?”
选项:
- ☐ 电子邮件
- ☐ 电话
- ☐ 短信
设置: 必需(至少一项):水平布局
饮食要求(活动)
标签: 您有什么饮食方面的要求吗?
选项:
- ☐ 素食
- ☐ 纯素食
- ☐ 无麸质
- ☐ 不含乳制品
- ☐ 坚果过敏
- ☐ 清真
- ☐ 犹太洁食
- ☐ 其他:[________]
- ☐ 无
设置: 可选,“其他”选项已启用,垂直布局
技能评估(求职申请)
标签: “选择您的技术技能”
帮助文本: 请勾选所有适用项
选项:
- ☐ HTML/CSS
- ☐ JavaScript
- ☐ React
- ☐ PHP
- ☐ WordPress
- ☐ Python
- ☐ SQL/数据库
- ☐ Git/版本控制
设置: 网格布局(2列),至少需要3个
新闻简报主题
标签: “您希望了解哪些主题的最新进展?”
选项:
- ☐ 行业新闻
- ☐ 产品更新
- ☐ 技巧与教程
- ☐ 案例研究
- ☐ 活动和网络研讨会
- ☐ 特别优惠
设置: 已启用“全选”选项(可选)
调查:您是如何得知我们的?
标签: “你是怎么知道我们的?”
帮助文本: 请选择所有适用项
选项:
- ☐ 谷歌搜索
- ☐ 社交媒体(Facebook、Instagram 等)
- ☐ 朋友或同事
- ☐ 在线广告
- ☐ 博客或文章
- ☐ 电子邮件
- ☐ 贸易展览/活动
- ☐ 其他:[________]
设置: 必填,“其他”已启用
功能优先级
标签: “您最优先考虑的三件事是什么?”
帮助文本: “请选择 3 个选项”
选项:
- ☐ 速度/性能
- ☐ 安全
- ☐ 易用性
- ☐ 定制
- ☐ 客户支持
- ☐ 价格
- ☐ 集成选项
- ☐ 移动设备兼容性
设置: 最少3人,最多3人
设计有效的选项列表
撰写好的选择
具体
模糊的: “市场营销服务”
具体: “社交媒体营销”、“电子邮件营销”、“搜索引擎优化”
标签要简洁
太长: “网站搜索引擎优化服务”
好: “SEO服务”
使用平行结构
不一致:
- 网页设计
- 我需要SEO方面的帮助
- 内容
一致:
- 网页设计
- 搜索引擎优化服务
- 内容写作
按逻辑顺序排列
- 按字母顺序排列(适用于较长的列表)
- 按受欢迎程度(最常用排在最前面)
- 按类别分组
- 按工作流程顺序
有多少种选择?
| 计数 | 推荐 |
|---|---|
| 2-3 | 考虑是否需要复选框 |
| 4-7 | 非常适合用于复选框 |
| 8-12 | 使用网格布局,并考虑分组。 |
| 12年 | 考虑使用多选下拉菜单或类别 |
验证消息
必填字段
请至少选择一个选项
最低要求未达到
“请至少选择[X]个选项”
超过最大值
“您最多可以选择 [X] 个选项”
自定义消息
针对你的问题进行调整:
- 请告诉我们您对哪些服务感兴趣
- “请选择您的前三项优先事项”
- “请至少选择一种联系方式”
最佳实践
1. 务必添加“选择所有适用项”
在标签或帮助文本中,明确说明允许多选。
2. 对于开放式问题,请考虑“其他”选项。
如果无法列出所有可能性,请添加一个带有文本输入框的“其他”选项。
3. 酌情使用“无”
对于“不适用”并非有效答案的问题,请明确说明。
4. 使布局与内容相匹配
- 缩写选项 → 横向或网格
- 多头期权 → 垂直
- 多种选择 → 网格
5. 不要预先勾选选项
允许用户自行选择。预先检查可以:
- 结果偏斜
- 感觉自己有操控欲
- 违反 GDPR 获取营销同意
6. 必要时设定限制
如果想要设置优先级,请限制选项:
- 请选出你最喜欢的3个,最多3个。
- 促使人们深思熟虑地做出选择
7. 群组相关选项
对于较长的列表,请考虑按类别使用多个复选框字段,而不是使用一个巨大的列表。
移动设备注意事项
触控友好型设计
- 足够大的点击目标
- 选项之间留有足够的间距
- 点击标签选中复选框
首选垂直布局
在移动设备屏幕上:
- 水平布局换行很别扭
- 竖版更容易阅读
- 在实际设备上进行测试
故障排除
选项未保存
- 确保正确添加选项。
- 检查是否有空行
- 保存表单并刷新
选择全部无效
- 验证功能已启用
- 检查是否存在 JavaScript 冲突
- 清除缓存
布局显示不正确
- 检查布局设置
- 主题 CSS 可能会覆盖主题 CSS。
- 使用默认主题进行测试
常見問題解答
多少选项才算太多?
超过 12 个选项会让人眼花缭乱。可以考虑按类别分组、使用多个复选框字段,或者切换到多选下拉菜单。
我应该使用复选框还是多选下拉菜单?
选项较少(3-10个)且希望全部显示时,可以使用复选框。选项较多且空间有限时,可以使用多选下拉菜单。
我可以同时设置最小值和最大值吗?
是的。例如:“从 2 到 5 个选项中选择”,其中最小值为 2,最大值为 5。
我如何才能正好制作出所需的3个?
将最小值和最大值都设置为 3。用户必须选择 3 个选项。
如果用户需要未列出的选项怎么办?
启用“其他”选项,该选项提供一个文本字段,用于输入自定义内容。
结语
创建多选复选框列表:
- 添加复选框字段 – 拖动以形成
- 写出清晰的问题 – 包括“选择所有适用项”
- 添加编写良好的选项 简洁、平行、有序
- 选择合适的布局 – 垂直、水平或网格
- 配置选择规则 – 必填,如有需要,请提供最小值/最大值
- 启用特殊选项 – 选择全部、其他、无
- 在移动设备上测试 确保可用性
结语
多选复选框列表对于收集多种偏好、兴趣和选择至关重要。通过合理的选项设计、合适的布局以及“全选”和“其他”等智能功能,您可以创建用户友好的选择字段,从而收集所需数据。
自动表单生成器 提供功能齐全的复选框字段,支持垂直、水平和网格布局,以及“全选”选项、“其他”(带文本框)、“以上皆非”选项和最小/最大选择限制。满足您专业多选题的所有需求。
准备好创建多选表单了吗? 下载自动表单生成器 并允许用户选择所有适用的选项。