微信小程序——label组件

最新推荐文章于 2024-07-30 09:59:22 发布

Kinggitte

最新推荐文章于 2024-07-30 09:59:22 发布

阅读量6.4k

点赞数 1

文章标签：微信小程序

本文链接：https://blog.csdn.net/wqwweerrtyy/article/details/79075981

版权

本文档介绍了如何使用微信小程序的<label>组件来实现点击文案切换switch和checkbox的功能。通过将控件放入<label>内或者设置for属性，可以控制用户点击时触发相应控件的事件，for属性的优先级高于内部控件。示例代码展示了具体的实现方式。

摘要由CSDN通过智能技术生成

这回来实现一个比较实用的方法，点击文案切换swich和checkbox。实现出来大概是这个样子

主要代码如下

a.wxml

<view class="section">
  <checkbox-group bindchange="checkboxchange" >
    <label>
      <checkbox value = "value-1"/>点击文案也能选中radio
    </label>
  </checkbox-group>
</view>

<view class="section">
  <label>
    <switch/>点击文案切换开关
  </label>
</view>

<view class="section">
  <view class='title'>选中元素内第一个</view>
  <checkbox-group>
    <label>
      <checkbox value="value-1"/>第一个
      <checkbox value="value-1"/>第二个
      <c