checkbox 多项选择

一、属性说明

属性名 类型 默认值 必填 说明
class-name String 自定义 class
value String 当和iov-checkbox-group使用时,value 时必填项。
disabled Boolean false 是否禁用
checked Boolean false 是否选中
bindchange EventHandle 点击时触发的方法, e = {checked: false}
voiceTag String 语音命令 voice-tag
checkboxvVoiceType String select 语音命令 voice-type
voiceIndex Number 语音命令 voice-index

二、示例:

json:

{
    "navigationBarTitleText": "智能小程序官方组件",
    "usingComponents": {
        "iov-checkbox": "iov-ui/lib/checkbox",
        "iov-checkboxgroup": "iov-ui/lib/checkboxgroup"
    }
}

swan:

<view>
    <iov-checkbox
        bindchange="singleChange"
        checked="{{checked}}"
    >
        单独的选项
    </iov-checkbox>
</view>
<view>
    <iov-checkbox checked="{{false}}">单独的选项</iov-checkbox>
</view>

js:

Page({
    data: {
        checked: false
    },
    singleChange (e) {
        console.log(e);
        this.setData({
            checked: e.checked
        });
    }
});
calendar 日期选择checkboxgroup 多项选择器组