1.2 單選按鈕和復(fù)選框

單選按鈕（radio button）、復(fù)選框（check box）與文本框一樣，適用于用戶與產(chǎn)品進行交互時，需要用戶輸入信息的場景。它們之間的區(qū)別在于，單選按鈕和復(fù)選框提供給用戶的主要是已分類的信息，用戶只需選擇輸入即可。

單選按鈕是一種單項選擇命令。它只允許用戶在一組選項中選擇其中一個。單選按鈕的外觀一般是一個空白的圓圈，當被選中時，則白色圓圈會被圓點填充。而在它的旁邊通常會有一個文字標簽，用于描述選項內(nèi)容。

復(fù)選框是一種多項選擇指令。復(fù)選框允許用戶在一組選項中同時選擇多個選項。復(fù)選框通常使用方框加對號表示。圖1-12展示了單選按鈕和復(fù)選框。

圖1-12 單選按鈕和復(fù)選框

單選按鈕一般適用于單項選擇的用戶輸入場景，各選項之間是“或”的關(guān)系，若選擇了A就不能選擇B。在圖1-12中，要求用戶選擇一個職業(yè)信息，一般情況下，大多數(shù)用戶只有一個職業(yè)，這樣的場景比較適合使用單選按鈕。而當想知道用戶喜歡什么水果時，更適合使用復(fù)選框，因為一般用戶會喜歡兩種以上的水果。

無論是單選按鈕還是復(fù)選框，都需要有主題標簽和選項標簽，主題標簽用于描述對什么進行選擇，而選項標簽用于描述可以選擇什么。圖1-11中的“從事職業(yè)”就是一個主題標簽，而“教師”是其中的一個選項標簽。

在某些場景下，我們需要對“選項標簽”進行輔助說明，從而添加一些輔助描述文字，類似于文本框控件中的幫助文本，目的也是讓用戶更好地理解控件內(nèi)容，如圖1-13所示。

在交互層面，單選按鈕比較簡單，僅要明確選中狀態(tài)和未選中狀態(tài)，以及當用戶單擊一個單選按鈕時，該按鈕會變?yōu)檫x中狀態(tài)，其他所有按鈕會變?yōu)榉沁x中狀態(tài)的基本邏輯，沒有其他交互邏輯。而復(fù)選框需要在產(chǎn)品需求文檔（Product Requirement Document，PRD）中描述清楚是否支持全選，如果支持全選，是否需要新增全選按鈕的快捷方式；如果不支持全選，則要說明最多可以選擇幾項。

圖1-13 輔助描述文字