Kotak semak komponen borang applet WeChat


Kotak semak komponen borang applet WeChat



kumpulan kotak semak

kumpulan item berbilang pilih, secara dalaman terdiri daripada berbilang checkbox.

kumpulan kotak semak hanya boleh mengandungi kotak semak

QQ截图20170208102255.png

kotak semak

item berbilang pilihan.

QQ截图20170208102306.png

Contoh: 

<checkbox-group bindchange="checkboxChange">
    <label class="checkbox" wx:for-items="{{items}}">
        <checkbox value="{{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)
  }
})

checkbox