微信小程序获取复选框全选反选选中的值(实例代码)

这篇文章主要介绍了微信小程序获取复选框全选反选选中的值，本文通过实例代码给大家简单介绍,需要的朋友可以参考下

wxml文件

   全选 id名称   {{item.code}}{{item.text}}

wxss文件

 .table{ background-color: #fff; border:1px solid #dadada; width:1200rpx; margin-left:0rpx; } .tr{ background-color: #dadada; white-space: nowrap; width:100%; display: flex; text-align: center; justify-content: center; } .th{ background-color: #fff999; text-align: center; justify-content: center; width: 100%; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; } .td{ background-color: #fff; text-align: center; justify-content: center; width: 100%; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; }

js文件

 Page({ data: { select_all: false, listData: [ { code: "1", text: "测试1" }, { code: "2", text: "测试2"}, { code: "3", text: "测试3"} ], batchIds: '',  //选中的ids }, //全选与反全选 selectall: function (e) { console.log(e) var that = this; var arr = [];  //存放选中id的数组 for (let i = 0; i

效果图：