数据驱动、坚持为客户提供有价值的服务和内容
在微信小程序开发购物车功能时,全选,单选是基本需要的功能,一般有的作者喜欢用radio组件实现,有的喜欢用checkbox组件实现,本篇文章讲解的是radio组件的实现原理及代码,好,马上进入正题。
radio组件全选按钮功能实现
上图中商品列表的左边radio组件就是全选按钮,实现思路是:当所有子项都选中时,显示选中状态,否则为不选中状态。未选中状态时点击操作,把所有子项都所中。选中状态点击操作,把所有子项都不选中。
逻辑讲完上简化后主要逻辑代码: