小程序开发之组件checkbox-group（多项选择器）

checkbox-group

多项选择器，内部由多个checkbox组成。

checkbox

多选项目。

例如：
效果展示

代码
index.wxml

  
    
    {{item.value}}
  

index.wxss

label{
  display: flex;
  margin-left: 50rpx;
}

index.js

Page({
  data: {
    items: [
      { name: 'USA', value: '美国' },
      { name: 'CHN', value: '中国', checked: 'true' },
      { name: 'BRA', value: '巴西' },
      { name: 'JPN', value: '日本' },
      { name: 'ENG', value: '英国' },
      { name: 'TUR', value: '法国' },
    ]
  },
  checkboxChange: function (e) {
    console.log('checkbox发生change事件，携带value值为：', e.detail.value)
  }
})