微信小程序之全选与取消全选

WXML

WXSS
.box{
display: flex;
flex-direction: row;
border-bottom: 1px solid red;
}
.img{
width: 60px;
height: 60px;
}
JS
Page({

/**

• 页面的初始数据
  */
  data: {
  isAllClicked:false,
  list:[
  {
  img:’/pages/lx/images/1.jpg’,
  title:‘微信列表’
  },
  {
  img:’/pages/lx/images/1.jpg’,
  title:‘微信列表’
  },
  {
  img:’/pages/lx/images/1.jpg’,
  title:‘微信列表’
  }
  ]
  },
  //全选与取消全选
  ckickAlltap:function() {
  var that = this;
  var lists=that.data.list
  console.log(“lists”,lists);
  for (let i = 0; i <lists.length; i++) {
  lists[i].checked = (!that.data.isAllClicked)}
  that.setData({
  list:lists,
  isAllClicked:(!that.data.isAllClicked)
  })
  },