小程序二维数组里面做多选

最新推荐文章于 2024-05-09 14:01:17 发布

郭玉齐

最新推荐文章于 2024-05-09 14:01:17 发布

阅读量294

点赞数

分类专栏：笔记文章标签：小程序前端微信小程序

本文链接：https://blog.csdn.net/qq706352062/article/details/127787793

版权

笔记专栏收录该内容

113 篇文章 1 订阅

订阅专栏

<view class="" wx:for="{{testList}}" wx:key="index">
      <view class="ro_detail_all_title">{{item.names}}<label class="ro_red">（可选一件）</label></view>
      <view class="ro_detail_all_con {{l_item.checked?'ro_detail_all_con_red':''}}" wx:for="{{item.list}}" wx:for-item="l_item" wx:for-index="l_index" data-tid="{{item.id}}" data-lid="{{l_item.id}}" bindtap="textSelect">
        {{l_item.names}}
      </view>
    </view>

data: {
    
    testList: [{
      id:1,
      names: '轮胎1',
      list: [{
        id:11,
        names: '小轮胎10个'
      },{
        id:12,
        names: '小轮胎20个'
      }]
    },{
      id:2,
      names: '轮胎2',
      list: [{
        id:21,
        names: '小轮胎10个'
      },{
        id:22,
        names: '小轮胎20个'
      }]
    }]
  },
textSelect(e){
    let that = this
    let od = e.currentTarget.dataset.tid
    let id = e.currentTarget.dataset.lid
    console.log(od,id)
    for (var index = 0; index < that.data.testList.length; index++) {
      if (that.data.testList[index].id == od) {
        for (var i = 0; i < that.data.testList[index].list.length; i++) {
          if (that.data.testList[index].list[i].id == id) {
            that.data.testList[index].list[i].checked = true
          } else {
            that.data.testList[index].list[i].checked = false
          }
        }
      }
      that.setData({
        testList: that.data.testList
      })
    }