【快速文档】checkbox标签，小程序中的复选框

最新推荐文章于 2024-09-10 12:58:32 发布

原创

最新推荐文章于 2024-09-10 12:58:32 发布 · 713 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

本文档详细介绍了小程序中checkbox和checkbox-group的配合使用，强调了它们与单选框的相似性，并提供了简单的使用示例。重点讲解了checkbox-group的bindchange事件及checkbox的value和color属性。在实际应用中，需要注意复选框返回值是一个数组，不同于单选框的单一值。

组合

checkbox 复选框的选项

checkbox-group 一组复选框

这两个标签需要配套使用

注意：小程序中的复选框的使用和单选框几乎是一样的，如果你还不会使用单选框，请看这里

学习如何使用单选框

重要参数

checkbox-group可以绑定bindchange

checkbox有value参数，还有color参数

使用上和单选框是一样，不多重复，如果还不懂，去看单选框！！！

简单使用

直接上wxml代码

<checkbox-group bindchange="what_you_like">
  <checkbox value="changge" disabled>我喜欢唱歌</checkbox>
  <checkbox value="tiaowu" disabled>我喜欢跳舞</checkbox>
  <checkbox value="dayouxi" disabled>我喜欢打游戏</checkbox>
  <checkbox value="study">我喜欢学习</checkbox>
  <checkbox value="miniprogram">我最爱做小程序了</checkbox>
</checkbox-group>

然后是js代码