使用小组件 > 2D > 复选框
  
复选框
这个小组件有什么功能？
“复选框”小组件允许您选择选项。
何时会用到这个小组件？
在以下情况下，会用到“复选框”小组件：
• 想为体验用户提供多项选择。
• 想为体验用户提供一个检查清单。例如，如果在维修技师维修机器之前，必须完成多项先决条件，请使用复选框确保技师在开始维修机器之前满足所有要求。
• 想向用户提供可以启用或禁用的设置或属性。
这个小组件中是否有专用的属性、服务、事件或操作？
若要查看小组件常用的属性、服务和事件的列表，请参阅小组件的通用属性、服务和事件。
事件
JavaScript
说明
已取消选择
deselected
当复选框被取消选择时，将触发此事件。
小组件的显示效果
以下是小组件的显示效果示例！
使用时的必要步骤
显示效果
1. 将“复选框”小组件拖放到工作区。在本示例中，我们在工作区中添加了四个复选框。
2. 在“标签”字段中输入您想要在复选框显示的标签或文本。在本示例中，我们输入的是 PTC 的产品名称。
使用 CSS 设置小组件样式
您可以使用 CSS 设置小组件样式！下面是您可以创建和应用的 CSS 类的示例：
* 
请注意，最好为您的类指定唯一名称，以避免与其他类或预装属性发生冲突。
CSS 示例
显示效果
.ptc-checkbox {
border-width: 1px;
border-style: inset;
font-size: 18px;
font-family: Century Gothic;
color: black;
}
有关实现 CSS 类的详细信息，请参阅应用程序样式。