微信小程序获取复选框全选反选选中的值(实例代码)
wxml文件
全选 id 名称 {{item.code}} {{item.text}}
wxss文件
.table{
background-color:#fff;
border:1pxsolid#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:1pxsolid#dadada;
border-right:1pxsolid#dadada;
}
.td{
background-color:#fff;
text-align:center;
justify-content:center;
width:100%;
border-bottom:1pxsolid#dadada;
border-right:1pxsolid#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)
varthat=this;
vararr=[];//存放选中id的数组
for(leti=0;i
效果图:
总结
以上所述是小编给大家介绍的微信小程序获取复选框全选反选选中的值,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
热门推荐
10 祝孙辈生日祝福语简短
11 恋人跨年祝福语大全简短
12 考大学敬酒简短祝福语
13 开工投产大吉祝福语 简短
14 偶然结婚祝福语朋友简短
15 感谢学长学姐祝福语简短
16 戏精的祝福语简短
17 我要结婚祝福语简短
18 婚前女儿生日祝福语简短