SuperAPI AI 工具集

sgds-components-checkbox

前端与建站

查看项目

更新于 10-16 05:49

技能介绍

用途:本技能用于在表单中展示一个或多个复选框,支持标签、提示文本、不确定(部分选中)状态以及校验反馈。单个“我同意”类场景可独立使用 sgds-checkbox;多个相关选项则放入 sgds-checkbox-group,由分组统一管理共享校验、fieldset 标签与变更检测。

主要能力:分组支持 label、hintText、required、hasFeedback、invalidFeedback 等属性,value 为当前所有选中项值的逗号分隔字符串;单个复选框支持 name、value、checked、indeterminate、disabled、required、hasFeedback、invalidFeedback。分组会在任一复选框勾选或取消时触发 sgds-change,需通过 element.value 读取当前选中值;单个复选框的 sgds-change 事件 detail 为 { checked, value },另有 sgds-check、sgds-uncheck、sgds-focus、sgds-blur 事件。

使用方式:多选表单用 sgds-checkbox-group 包裹多个 sgds-checkbox,将 hasFeedback 与 invalidFeedback 放在分组上;单个同意项直接使用 sgds-checkbox 并设置 name、value、required;需“全选”模式时设置 indeterminate;预选中加 checked 属性。安装与框架集成参见 sgds-components-setup。

限制:本组件不开放自定义属性和 CSS part,因此不可修改 CSS 样式。资料未提供更多平台、价格或效果信息。