微信小程式表單元件 checkbox

checkbox-group

多選專案組，內部由多個checkbox組成。

checkbox-group內只能包含checkbox

checkbox

多選專案。

示例：

<checkbox-groupbindchange="checkboxChange">
    <labelclass="checkbox"wx:for-items="{{items}}">
        <checkboxvalue="{{item.name}}"checked="{{item.checked}}"/>{{item.value}}
    </
 
label>
</checkbox-group>

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)
  }
})