ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
[TOC] # 名称: Check Box | 勾选 # 图标: ![](https://box.kancloud.cn/688b48add12b7d9075a8c4b15025849c_30x30.PNG =35x35) # 功能: * 勾选框 * 用户点击时图标显示打勾,其中的“<**Checked**>”布尔变量值自动传入Yes值;再次点击则不勾选状态,值改为No * 是HTML中的input标签对象,类型为checkbox # 使用方式: ## 勾选框设计 * 大小形状边距字体颜色边框等由样式来定义,可在样式属性中添加样式标签和值,本地浏览器运行测试调整到自己想要的结果 * 可以添加一个“<**On Change**>”固定名称的事件处理子元件,用来设计一个输入有变更时的逻辑处理事件 * 可以添加一个“<**Style Class**>”固定名称的样式类名称变量元件,用来设计按逻辑处理不同结果传入不同样式类名称,让元件显示不同样式 ## 样式属性: * 属性设置与Pane显示块元件的属性设置一样,在属性中添加“html.style”即可进行样式标签及值的定义 · 如可以定义勾选框大小:height:18px;width:18px; * 可以使用样式类,除了在元件中添加的“<**Style Class**>”中传入样式类名称设定样式外,也可在“html.styleClass”属性中设定类名称 * 默认样式定义的文件是“web\styles\bootstrap”下“009-forms.less”文件,查询“input”即可找到所有样式定义内容,可以修改某些默认的样式为自己的显示风格