微信小程序开发之checkbox以及js数据配置和事件处理

marttinli

于 2016-09-26 11:17:32 发布

阅读量2w

点赞数 1

CC 4.0 BY-SA版权

文章标签：微信小程序checkbox 微信小程序js 微信小程序事件处理微信小程序数据配置微信小程序数据循环

本文链接：https://blog.youkuaiyun.com/aa841538513/article/details/52668106

该博客主要讲解微信小程序中Checkbox的使用，包括事件处理和数据配置。通过示例展示如何在checkbox-group中使用bindchange事件触发js中的checkchange方法来获取选中状态。同时，介绍了如何以数组形式配置数据并进行循环加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

视频教程：http://v.youku.com/v_show/id_XMTczNzk2Mjk4MA==.html?from=s1.8-1-1.2&spm=0.0.0.0.UkDru7

checkbox

 <checkbox-group>
      <checkbox  value="key1" checked="true"/>value1
      <checkbox  value="key2" checked="false"/>value2
      <checkbox  value="key3" checked="true"/>value3
  </checkbox-group>

事件分发和处理

上例中有3个checkbox，在实际项目中，你肯定会选择或者取消选择其中的checkbox，那么你如何获取你选择到的checkbox的数据呢？这就涉及到了事件的分发和处理。

微信小程序中，事件的分发系统已经帮我们做好了，我们只需要在checkbox-group配置bindchange="checkchange"，那么事件就会分发大对应的***.js中的checkchange()方法处理，如下：

***.wxml

 <checkbox-group bindchange="<span style="font-family: Arial, Helv

最低0.47元/天解锁文章

200万优质内容无限畅学