微信小程序复选框的组件基本架构 小程序复选框开发实例

先看下功能要点：

　　1.多层级的分类选择

　　2.实现下拉功能

　　3.选择完后回到上一页展示选择的信息

　　4.点击回到选择区在复选框中显示之前被选中的列项

　　这些看似很简单，其实是也是很简单，当然了，当你会了，操作了一次，自然就简单了。今天就给大家把清晰的流程跟代码贴上来。接下来文章可能有点长，不过建议大家一定要看完。因为看完了才会有整体的思路。

　　首先看下微信小程序开发中的复选框的组件基本架构，由一个checkbox-group包含着checkbox组件。然后有些属性：

　　bindchange事件处理

　　value 默认值

　　checked 默认选中

那么要实现一个层级的列表多选框，我们先看下基本的数据结构：

　　假设我们要有两列选择，第一列是商品选择，第二列是食品选择。首先我们要先写好一个入口

　　我们要去到这个复选框的页面，就是下面这种。点击可以展开跟收起的。

　　这个是展开之后的样子。那么现在我们要做的就是，选中多个的时候，返回到之前进入的页面，然后把相应的数据带回去显示，并且回到这个页面的时候上次选中的商品要被默认选中在这里，供客户重新增加选择。