title: checkbox 多项选择器 header: develop nav: component sidebar: formlist_checkbox

webUrl: https://qft12m.smartapps.cn/component/checkbox/checkbox

解释：多项选择器

属性说明

属性名 类型 默认值 必填 说明
value String 否 <checkbox/>标识，选中时触发<checkbox-group/>的 change 事件，并携带<checkbox/>的 value
disabled Boolean false 否 是否禁用
checked Boolean false 否 当前是否选中，可用来设置默认选中
color Color #3c76ff 否 checkbox 的颜色，同 CSS 的 color

示例

在开发者工具中预览效果

扫码体验

webUrl: https://qft12m.smartapps.cn/component/checkbox/checkbox - 图1 请使用百度APP扫码

代码示例

在开发者工具中预览效果

:::codeTab

  1. <view class="wrap">
  2.     <view class="title">默认样式</view>
  3.     <view class="checkbox-group">
  4.         <checkbox class="checkbox" checked>&nbsp;&nbsp;选中</checkbox>
  5.         <checkbox class="checkbox" checked="false">&nbsp;&nbsp;未选中</checkbox>
  6.         <checkbox class="checkbox" disabled>&nbsp;&nbsp;不可选</checkbox>
  7.         <checkbox class="checkbox" color="#C3D1FF" checked>&nbsp;&nbsp;我是浅色的</checkbox>
  8.     </view>
  9. </view>

:::