多项选择器组,内部由多个 <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>