您的当前位置:首页正文

微信小程序checkbox选中改变样式

2024-11-27 来源:个人技术集锦

本篇文章主要讲解在微信小程序中如何通过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
显示全文