## table表格全选:
~~~
$(function () {
/*全选*/
$("table thead th input:checkbox").on("click", function () {
$(this).closest("table").find("tr > td:first-child input:checkbox").prop("checked", $("table thead th input:checkbox").prop("checked"));
});
});
~~~
使用layui,
~~~
layui.define(['jquery', 'form', 'layer', 'element'], function (exports) {
var $ = layui.jquery,
form = layui.form,
layer = layui.layer,
element = layui.element;
var menu = [];
var curMenu;
/* 监听状态设置开关 */
form.on('switch(switchStatus)', function (data) {
var that = $(this),
status = 0;
if (!that.attr('data-href')) {
layer.msg('请设置data-href参数');
return false;
}
if (this.checked) {
status = 1;
}
$.get(that.attr('data-href'), {
val: status
}, function (res) {
layer.msg(res.msg);
if (res.code == 0) {
that.trigger('click');
form.render('checkbox');
}
});
});
/* TR数据行删除 */
$('.j-tr-del').click(function () {
var that = $(this),
href = !that.attr('data-href') ? that.attr('href') : that.attr('data-href');
layer.confirm('删除之后无法恢复,您确定要删除吗?', {}, function (index) {
if (!href) {
layer.msg('请设置data-href参数');
return false;
}
$.get(href, function (res) {
layer.msg(res.msg);
if (res.code == 1) {
that.parents('tr').remove();
that.parents('.tr').remove();
}
});
layer.close(index);
});
return false;
});
});
~~~
- thinkphp
- thinkphp笔记
- 后台登陆退出
- config配置
- 隐藏后台模块
- 单独调用腾讯云行为验证码
- api接口跨域问题
- api接口创建案例代码
- 使用gateway worker
- 使用swoole代码笔记
- 使用队列 think-queue笔记
- 后台布局
- MySQL
- 1、关于lnmp mysql的一个坑
- 2、mysql实现group by后取各分组的最新一条
- 其他
- 搞笑的注释代码
- 分页类
- nodejs 打包网址为exe
- 免费天气预报API接口
- Ajax
- 简单的ajax分页1
- 通用ajax-post提交
- 引用的类库文件
- Auth.php
- Auth.php权限控制对应的数据库表结构
- Layui.php
- Pinyin.php
- Random.php
- Tree.php
- Tree2.php
- Js-Jq
- Git的使用
- 3、bootstrap-datetimepicker实现两个时间范围输入
- CentOS安装SSR做梯子
- Python爬虫
- 1、安装Gerapy
- 2、安装Scrapy
- 3、Scrapy使用
- 4、Scrapy框架,爬取网站返回json数据(spider源码)
- 0、Python pip更换国内源(一句命令换源)
- 服务器运维
- 1、宝塔使用webhook更新服务器代码
- 2、搭建内网穿透
- 3、数据库主从同步
- 4、数据库复制
- hui-Shop问题
- 1、前端模板的注意事项
- 2、模板标签