文档中心 > 店铺动态卡片-开发指引

checkbox-group

更新时间:2019/10/09 访问次数:2843

多项选择器组,内部由多个 <checkbox /> 组成。

 

属性

参数 说明 类型 默认值
disabled 整体禁用 Boolean -
dataSource 可选项列表, 数据项可为 String 或者 Object, 如 ['apple', 'pear', 'orange'] 或者 [{value: 'apple', label: '苹果',}, {value: 'pear', label: '梨'}, {value: 'orange', label: '橙子'}] Array<any> []
value 被选中的值列表 Array/String/Number -
defaultValue 默认被选中的值列表 Array/String/Number -
onChange 选中值改变时的事件 Function () => {}
itemDirection 子项目的排列方式
- hoz: 水平排列 (default)
- ver: 垂直排列

可选值:
'hoz', 'ver'
Enum 'hoz'

示例代码

<view class="com-wrap">
  <view class="com-title">简单</view>
  <checkbox class="block">Unchecked</checkbox>
  <checkbox defaultChecked class="block">DefaultChecked</checkbox>
  <checkbox defaultIndeterminate class="block">Indeterminate</checkbox>
  <checkbox disabled class="block">Disabled</checkbox>
  <checkbox disabled checked class="block">Checked-Disabled</checkbox>
  <checkbox checked class="block">Checked</checkbox>

  <view class="com-title"></view>

  <checkbox>Banana</checkbox>
  <label class="mr">
    <checkbox />
    <text className="next-checkbox-label">Pear</text>
  </label>
  <checkbox  class="mr" label="Banana" />
</view>

 

 

 

FAQ

关于此文档暂时还没有FAQ
返回
顶部