小程序复选框全选和全部取消

最新推荐文章于 2023-08-15 17:04:31 发布

玖仟柒怡

最新推荐文章于 2023-08-15 17:04:31 发布

阅读量2.1k

点赞数 2

分类专栏：小程序文章标签： js

本文链接：https://blog.csdn.net/w1258048309/article/details/108861626

版权

本文介绍了如何在微信小程序中实现复选框的全选和取消全选功能。步骤包括在WXML中添加复选框及点击事件，JS中设置数据，定义全选状态的全局变量，并处理单个复选框点击时全选状态的同步更新。

摘要由CSDN通过智能技术生成

小程序全选和全部取消

1.在wxml中先添加复选框和点击事件

<checkbox class="q" bindtap="checkq" checked="{
    {isAll}}">全选</checkbox>
<text bindtap-="tz">跳转下一页</text>
<text>总数：{
  {sum}}</text>
</view>
<view class="box1" wx:for="{
    {list}}" bindtap="chlik" data-number="{
    {index}}">
<checkbox checked="{
    {item.isCheck}}"></checkbox>
  <image src="{
    {item.img}}"></image>