Checkbox

单个勾选或基于 Options 的多选组。

最后更新

说明

提供 Options 时渲染为多选组，Values 为选中值集合。

常见能力：

  • 单选与多选
  • 分组选项
  • 纵向排列

用法

<Checkbox @bind-Checked="@agree" Text="我已阅读并同意" />
<Checkbox Options="@options" @bind-Values="@picked" />

API 参数

参数 类型 默认值 说明
Checked bool false 单选模式：选中状态。
CheckedChanged EventCallback<bool> — 事件
ChildContent RenderFragment null
Options List<SelectOption> [] 多选模式：选项。
Text string null 单选模式：标签文字。
Values List<string> [] 多选模式：绑定值集合。
ValuesChanged EventCallback<List<string>> — 事件
Vertical bool false 纵向排列。
Visible bool true 取得或设置组件是否可见，默认为false。
VisibleChanged EventCallback<bool> — 事件 取得或设置组件可见性变化时的回调事件。
Class string null 取得或设置组件的CSS类名，用于自定义样式。
Disabled bool false 取得或设置组件是否禁用，默认为false。
Style string null 取得或设置组件的内联样式，用于自定义样式。

所有组件均继承 BaseComponent，除上表参数外还支持 Class、Style、Disabled、Visible。

微信公众号二维码 扫码关注公众号
QQ 交流群二维码 扫码加入 QQ 群