html 复选按钮 全选,JS实现复选按钮控件全选和批量操作

本文介绍了如何使用JS实现HTML复选按钮的全选和批量操作功能。详细讲解了全选功能的实现,包括在复选按钮状态改变时同步所有复选框的状态,并解决了填报分页时全选状态不更新的问题。此外,还演示了批量删除行和批量修改数据的方法。
摘要由CSDN通过智能技术生成

2.1 准备数据

新建普通报表,新建数据库查询数据集 ds1,SQL 语句为:SELECT * FROM Sales

f88089c5840c3784f5e61838013b6f75.png

2.2 设计表格

如下图设计填报模板的表格样式,其中 A3 单元格的左父格为 B3。

A2、A3 单元格中添加「复选按钮控件」,C1、D1、E1、F1、G1、C3、D3、E3、F3、G3 单元格中添加「文本控件」,H5单元格添加按钮控件。

5fbc081590442fb1158c1d956c4c17f9.png

给A3的复选按钮控件设置控件名称:box。该名称可自定义,但如果修改了此名称,后续JS代码中的控件名称box也需要同步修改。

c7bb90c7b4a438d1f2cb17f51f7ecfa5.png

2.3 全选功能实现

1)选中 A2 单元格(全选复选框),添加一个状态改变事件,如下图所示:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值