微信小程序获取复选框全选反选选中的值微信小程序获取复选框全选反选选中的值(实例代码实例代码)
主要介绍了微信小程序获取复选框全选反选选中的值，本文通过实例代码给大家简单介绍,需要的朋友可以参考
下
wxml文件
<view class="tr">
<view class="th">
<checkbox bindtap="selectall" />全选
</view>
<view class="th">id</view>
<view class="th">名称</view>
</view>
<checkbox-group bindchange="checkboxChange">
<view class="tr" wx:for="{{listData}}" wx:key="">
<view class="td">
<checkbox value="{{item.code}}" checked="{{item.checked}}" />
</view>
<view class="td" value="{{item.text}}">{{item.code}}</view>
<view class="td" value="{{item.text}}">{{item.text}}</view>
</view>
</checkbox-group>
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)
weixin_38558054
- 粉丝: 2
- 资源: 971
我的内容管理
收起
- 我的资源
快来上传第一个资源
我的收益 登录查看自己的收益
我的积分
登录查看自己的积分
我的C币
登录后查看C币余额
我的收藏 
我的下载 
下载帮助
评论0