使用小工具 > 2D > 核取方塊 (Checkbox)
  
核取方塊 (Checkbox)
此小工具的功能為何?
「核取方塊」小工具可讓您選取一個選項。
使用此小工具的時機?
使用「核取方塊」的時機:
想為體驗使用者提供多個選擇。
想為體驗使用者提供核取清單。舉例來說,如果服務技術人員在處理機器之前,需先完成多個先決條件,就能透過核取方塊來確保技術人員先達到所有需求。
您也能為使用者呈現他們可以啟用或停用的設定或屬性。
還有任何特殊屬性、服務、事件、動作嗎?
欲檢視常用小工具屬性、服務、事件等清單,可參閱 共通的小工具屬性、服務、事件
事件
JavaScript
描述
取消選取
deselected
取消選取此核取方塊時觸發。
動作中的小工具
此範例為小工具可能的外觀!
使用所必須的最少步驟
近似外觀
1. 拖曳「核取方塊」小工具至畫布上。在此範例中,我們已在畫布上新增四個核取方塊。
2. 「標籤」欄位中,輸入您要讓核取方塊顯示的標籤或文字。在此範例中,我們輸入了 PTC 產品名稱。
使用 CSS 對小工具進行樣式化處理
您可使用 CSS 對小工具進行樣式化處理!以下為 CSS 類別範例,您可進行建立並套用︰
* 
請記住,最好為類別指定唯一名稱,從而不與其他類別或 OOTB 屬性相衝突。
CSS 範例
近似外觀
.ptc-checkbox {
border-width: 1px;
border-style: inset;
font-size: 18px;
font-family: Century Gothic;
color: black;
}
如需有關實行 CSS 類別的詳細資訊,請參閱 應用程式樣式