微信小程序label扩展组件

微信小程序label扩展组件

label组件是用来辅助button、checkbox、radio、switch组件的。使用label的for属性可以查找label组件对应的id值的组件，单击label组件，就等于触发了其对应的id值的组件，相当于扩大了这些选择组件的触发范围。label扩展组件示例如下：

<!--index.wxml-->
<label for="beijing">
  北京
</label>
<label for="shanghai">
  上海
</label>
<checkbox-group>
  <checkbox value='北京' id='beijing'>北京</checkbox>
  <checkbox value='上海' id='shanghai'>上海</checkbox>
</checkbox-group>
<radio-group>
性别：
  <label for='nan'>男</label>
  <radio value='男' id='nan' checked></radio>
  <label for='nv'>女</label>
  <radio value='女' id='nv'></radio>
</radio-group>
<label for='switch'>
  点我也可以开关
  <switch id='switch'></switch>
</label>

label扩展组件示例如图所示：

酷客网相关文章：

• 微信小程序radio单选项组件
• 微信小程序checkbox多选项组件
• 微信小程序button按钮组件
• 微信小程序form表单组件