本篇文章主要讲解在微信小程序中如何通过checkbox选中和未选中来改变checkbox的样式,效果如下:
原理:通过serviceValChange来监听所有checkbox的变化,监听函数通过e.dtail.value得到一个被选中的数组,通过选中数组checkArr[],来给原先的数据数组allGoodFilter[]的被选中对象的check属性置true,没有被选中的置false,在我们的wxml中,通过判断每个对象的checked属性来给他一个"is_checked"的class。
wxml代码:
<checkbox-group bindchange="serviceValChange">
<view class="service_selection flex">
<block wx:for="{
{allGoodsFilte}}">
<view class=" item">
<label class