checkbox 多项选择器

解释:多项选择器

属性说明

属性名类型默认值必填说明
valueString<checkbox/>标识,选中时触发<checkbox-group/>的 change 事件,并携带<checkbox/>的 value
disabledBooleanfalse是否禁用
checkedBooleanfalse当前是否选中,可用来设置默认选中
colorColor#3c76ffcheckbox 的颜色,同 CSS 的 color

示例

在开发者工具中预览效果

扫码体验

checkbox 多项选择器 - 图1请使用百度APP扫码

代码示例

在开发者工具中预览效果

  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>