支付宝小程序表单组件 多选项目·Checkbox
checkbox-group
支付宝小程checkbox-group（多项选择器组）。
API
| 属性名 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| name | String | - | 组件名字，用于表单提交获取数据 |
| onChange | EventHandle | - | 中选中项发生改变时触发，detail = {value: 选中的checkbox项value的值} |
checkbox
支付宝小程checkbox多选项目
API
| 属性名 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| value | String | - | 组件值，选中时 change 事件会携带的 value |
| checked | Boolean | false | 当前是否选中，可用来设置默认选中 |
| disabled | Boolean | false | 是否禁用 |
| onChange | EventHandle | - | 组件发生改变时触发，detail = {value: 该 checkbox 是否 checked} |
Screenshot
示例
Page({
data: {
items: [
{name: 'angular', value: 'AngularJS'},
{name: 'react', value: 'React', checked: true},
{name: 'polymer', value: 'Polymer'},
{name: 'vue', value: 'Vue.js'},
{name: 'ember', value: 'Ember.js'},
{name: 'backbone', value: 'Backbone.js', disabled: true},
],
},
onChange(e) {
my.alert({
title: `你选择的框架是 ${e.detail.value}`,
});
},
});