checkbox 多项选择
更新时间:2023-06-25
一、属性说明
属性名 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
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
});
}
});