微信小程序获取复选框全选反选选中的值(实例代码)
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 婆婆高寿祝福语大全简短