複選框字段
輕鬆收集協議和多項選擇。從簡單的「是/否」複選框到具有「全選」、最小值/最大值控制項和智慧佈局的多選清單——複選框欄位能夠處理單一協定和多項選擇題，並提供強大的驗證功能和使用者友好的選項。
每個複選框都需要兩種模式
完美的：
適用於各種用例的強大功能
兩種複選框模式
單複選框模式：
一個複選框即可用於回答“是/否”問題、簽署協議或選擇加入。非常適合用於接受條款、訂閱新聞簡報和填寫同意書。
用例：
- “我同意這些條款和條件。”
- “請幫我訂閱電子報”
- “是的，我想接收更新資訊。”
- “我確認此資訊準確無誤。”
功能：
- 自訂複選框標籤文字
- 預設選取/未選取狀態
- 自訂提交值（是、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 標籤
為什麼選擇我們的複選框欄位？
✅ 兩種模式 – 單一複選框或同一欄位類型中的多個複選框
✅ 靈活的佈局 垂直、水平或網格狀排列
✅ 選擇全部 一鍵選擇，方便快捷
✅ 其他選項 – 用於自訂回應的文字輸入
✅ 無選項 – 獨家非選擇權
✅ 最小/最大限制 – 控制選擇量
✅ 易於管理 輕鬆新增、編輯、重新排序、刪除選項
✅ 用戶友好 清晰的標籤、合適的間距、易於觸摸
✅ 一體式電流探棒 – 與所有表單功能無縫協作
常見問題
Q：單選框模式和多選框模式有什麼差別？
單選模式顯示一個複選框，供使用者選擇“是/否”。多選模式顯示多個複選框，使用者可以選擇多個選項。
Q：使用者可以一次選取所有複選框嗎？
是的。啟用「全選」選項，即可新增一個複選框，一鍵選取或取消選取所有選項。
Q：最小值/最大值選擇是如何運作的？
最小值確保使用者至少選擇一定數量的選項。最大值限制使用者可以選擇的複選框數量。
Q：「其他」選項的作用是什麼？
它新增了一個名為「其他」的複選框。選取後，會出現一個文字框，使用者可以在其中輸入自訂答案。
問：「以上皆非」選項如何運作？
它作為唯一選項。如果選中，所有其他複選框都將被清除。如果選取了任何其他選項，「無」選項將自動取消選取。
Q：我可以預先選取某些複選框嗎？
是的。單選模式下，請開啟「預設選取」選項。多重選擇模式下，請勾選您希望預設選取的每個選項旁的複選框。
Q：我需要預先勾選同意框嗎？
不。對於政策、條款和同意書，使用者應該主動勾選相應的複選框。
Q：我可以更改複選框的順序嗎？
是的。您可以使用每個選項旁邊的上下箭頭來重新排列它們的順序。
Q：顯示文字和值有什麼差別？
顯示文字是使用者看到的內容。值是儲存在資料庫中以確保資料清晰一致的內容。
Q：我可以在複選框中使用條件邏輯嗎？
是的。可根據選擇觸發其他字段，使用「等於」、「為空」或「不為空」等運算子。
Q：如何建立必填複選框？
啟用“必填欄位”。單選模式下，必須勾選此方塊。多選模式下，使用者必須至少選擇一個選項或滿足您的最低要求。
Q：用戶在勾選後可以更改選擇嗎？
是的。他們可以在提交表單前自由勾選或取消勾選任何選項。 「全選」也可以隨時切換。
