java复选框批量删除_Java单体应用 - 项目实战(后台) - 03.后台账户管理 - 08.批量删除...

批量删除

请参照如上章节导航进行阅读

接下来实现 账户列表 页面的 批量删除 操作,预期实现的画面效果如下:

批量选择

d8ec8c994cc70eea2b36909fbe520b49.png

删除确认

245b6cea162ac823d17cd7c9b4711f2f.png

样式引入

复选框的样式需要使用 icheck-bootstrap 插件,在 resources_head.jsp 文件中引入:

表头复选框

注意命名,代码如下:

行复选框

注意命名,代码如下:

提取通用

列表的 全选与反选 功能是通用功能,下面我们将常用方法提取到公用文件 table-utils.js 中,代码如下:

let Table = function() {

const checkAll = $('#checkAll');

const checkItems = $('input[name="checkItem"]');

/**

* CheckBox 全选与取消全选

*/

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值