当你的layui表格要做全选+删除功能【兼容ie8】
<!-- 全选 -->
<div class="choose">
<input type="checkbox" id="chooseAll" name="" title="全选" lay-skin="primary" onclick="chooseall">
<span onclick="delAll()" lay-submit lay-filter="delete">删除记录</span>
</div>
<td>
<!-- <input type="checkbox"> -->
<input type="checkbox" data-id="{{ item.id }}" lay-skin="primary" name="idList[]" value="{{item.id}}">
</td>
// 全选/取消全选
var flag = true;
var chooseAllstr = '';
$('.choose').on('click', '.layui-form-checkbox', function() {
var cb = $(".layui-form-checkbox");
$(".layui-form-checkbox").each(function() {
if (flag) {
$(this).addClass('layui-form-checked')
} else {
$(this).removeClass('layui-form-checked')
}
})
flag = !flag;
})
// 删除全选的数据
function delAll() {
chooseAllstr = '';
$(".layui-form-checked").each(function() {
if ($(this).parent().find('input').data("id") && $(this).parent().find('input').data("id") != undefined) {
chooseAllstr += $(this).parent().find('input').data("id") + ','
}
})
if (chooseAllstr != '') {
//询问框
layer.confirm('确认删除全部记录吗?', {
btn: ['删除', '取消'] //按钮
}, function() {
ajax('/pu/ScancodeBehavior/Delete', { idList: chooseAllstr }, function(data) {
if (data.success) {
layer.closeAll();
popupSuccess(data.msg);
getList(param, function(data) {
if (Number(data.count) != 0) {
var getTpl = tabletpl.innerHTML,
view = document.getElementById('table-adm');
laytpl(getTpl).render(data.list, function(html) {
view.innerHTML = html;
});
-------------------------------------------------------------------
如果想用layui的name属性获取选中的数据:
<span lay-submit lay-filter="deteleSubmit">删除记录</span>
拼接为逗号分割的字符串,供接口传参,进行删除
form.on('submit(deteleSubmit)', function(data) {
var shuzu = [];
var arr = '';
Object.keys(data.field).forEach(function(key) {
shuzu.push(data.field[key]);
});
arr = shuzu.join(",");
})
当你的layui表格要做全选+删除功能【兼容ie8】的更多相关文章
- vue实战记录(五)- vue实现购物车功能之商品总金额计算和单选全选删除功能
vue实战,一步步实现vue购物车功能的过程记录,课程与素材来自慕课网,自己搭建了express本地服务器来请求数据 作者:狐狸家的鱼 本文链接:vue实战-实现购物车功能(五) GitHub:sue ...
- checkbox做全选按钮
1.先写一个html页面,里面写一个全选按钮和几个复选框,实现下面2个要求 (1)点击全选按钮选中时,所有的复选框选中. (2)点击全选按钮取消选中时,所有复选框取消选中. <input typ ...
- 11月8日下午Jquery取属性值(复选框、下拉列表、单选按钮)、做全选按钮、JSON存储、去空格
1.jquery取复选框的值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...
- Jquery取属性值(复选框、下拉列表、单选按钮)、做全选按钮、JSON存储、去空格
1.jquery取复选框的值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...
- 11.8 开课二个月零四天 (Jquery取属性值,做全选,去空格)
1.jquery取复选框的值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...
- php大力力 [042节] 今天做了一个删除功能
php大力力 [042节] 今天做了一个删除功能 if(isset($_GET['action'])){ if($_GET['action']=="del"){ $sql = &q ...
- jquery 书写全选反选功能
书写一个后台管理中用到的全选反选功能.代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta ...
- JavaScript 实现全选 / 反选功能
JavaScript 实现全选 / 反选功能 版权声明:未经授权,内容严禁转载! 构建主体界面 编写 HTML 代码 和 CSS 代码,设计主题界面 <style> #user { wid ...
- DevExpress 中 在做全选的全消功能的时候 加快效率
在做 DevExpress 中对增加的选择 Check列 控制全选的全消时通过以下代码红色字代码效率会有明显的提升: private void CheckedRow() { try { splashS ...
随机推荐
- python多线程不能利用多核cpu,但有时候多线程确实比单线程快。
python 为什么不能利用多核 CPU GIL 其实是因为在 python中有一个 GIL( Global Interpreter Lock),中文为:全局解释器锁. 1.最开始时候设计GIL是 ...
- Anaconda安装出现Failed to create Anaconda menus错误及其解决
我在自己的电脑上安装Anaconda3.6没有出现这个错误(win7系统),在公司的电脑(win10系统)上安装则出现了这个错误,且之前都已经安装了python3.6.需要使用如下方法解决: 安装时选 ...
- rabbitMQ Management http://localhost:15672/ 打不开
C:\RabbitMQ Server\rabbitmq_server-3.7.7\sbin>rabbitmq-plugins enable rabbitmq_management 安装rabbi ...
- Web前端培训教程:CSS3动画怎么实现的
动画 CSS3属性中有关于制作动画的三个属性: transform,transition,animation keyframes @keyframes mymove{ from{初始状态属性} to{ ...
- MIUI系统如何获取ROOT权限
MIUI系统有么好方法启用了Root超级权限?各位都清楚,Android手机有Root超级权限,一旦手机启用了root相关权限,就能够实现更多的功能,举例子,各位公司的营销部门的同事,使用大多数营销工 ...
- get 和 post 请求的区别,一个不错的链接
https://www.cnblogs.com/logsharing/p/8448446.html
- 利用递归解决“汉诺塔的移动”问题(使用python来做的,其它语言也行)
有a,b,c三个柱子,n个盘子. def move(n, a, b, c): if n == 1: print('move', a, '-->', c) else: move(n-1, a, c ...
- 自制操作系统Antz(10)——实现shell(上)
我已经规范了系统代码风格,类似于按照linux分包,把各部分功能区分开了 Antz系统更新地址 Linux内核源码分析地址 Github项目地址 在之前的任务中,我们已经通过直接操作显卡驱动完成了简单 ...
- java导出excel,多表头合并
要求结果图如下: 有空补充具体逻辑 参考:https://blog.csdn.net/dj0721/article/details/72463042 HSSFColor 背景颜色选择 参考:htt ...
- 七夕节快到了,做个图钉画以及学习下Pillow吧
又有时间写东西了,最近深感世事并不以人的美好愿望而改变,还是要以积极地心态来适应新变化,多多关心身边的人. 图钉画中一个图钉代表一个像素,所以关键在于像素渣化,降低分辨率,图钉的色彩有限,还需要降低图 ...