label组件

label组件用来改进表单组件的可用性

使用for属性找到对应的id，或者将控件放在该标签下，单击时，就会触发对应的控件

for的优先级高于内部控件，内部有多个控件时默认触发第一个控件

目前可以绑定的控件有

示例3-19中就用了label组件

单击多选框对应的文字而不必单击多选框就可以选中此多选框

index.wxml
--------------
<checkbox-group bindchange="checkboxChange">
  <view wx:for="{{items}}">
    <label>
      <checkbox value="{{item.name}}" checked="{{item.checked}}" />
      {{item.value}}
    </label>
  </view>
</checkbox-group>
-----------------------------------------------------------------------------
index.js
-------------------
Page({
  data: {
    items: [
      { name: 'draw', value: '绘画' },
      { name: 'music', value: '音乐', checked: 'true' },
      { name: 'dance', value: '跳舞' },
      { name: 'chess', value: '下棋' },
      { name: 'sing', value: '唱歌' },
      { name: 'run', value: '跑步' },
    ]
  },
  checkboxChange(e) {
    console.log('checkbox发生change事件，携带value值为：', e.detail.value)
  }
})