layui中全选反选_jQuery实现全选,反选,全不选

jQuery实现全选,反选,全不选

龙行 web前端 2018-11-13 1988 0评论

全选和全不选以及反选

$(function() {

//全选事件

$("#checkedAll").click(function() {

$(".checkedOne").attr("checked",this.checked);

});

$("#reSelect").click(function() {

$(".checkedOne").each(function() {

this.checked = !this.checked;

});

全选编号姓名年龄

1张三122李四223王五134马六145伍六七176梅花十三17

123

/*批量选中*/

$("#CheckAll").bind('click',function () {

$("input[name='checkdel']").prop("checked",this.checked);

});

全选和取消全选

管理员列表

全选管理员ID姓名操作

小弟11Tester修改删除小弟22Manager修改删除小弟33Analyst修改删除小弟44Admin修改删除

删除选定

//查找thead下第一个th下的input

var chbAll=document.querySelector(

"thead th:first-child>input"

);

//查找tbody中所有第一个td下的input

var chbs=document.querySelectorAll(

"tbody td:first-child>input"

);

//为chbAll绑定单击事件

chbAll.οnclick=function(){

//遍历chbs中每个chb

for(var i=0;i

//设置当前chb的checked等于this的checked

chbs[i].checked=this.checked;

}

//为chbs中每chb都绑定单击事件

for(var i=0;i

chbs[i].οnclick=function(){

if(!this.checked)

chbAll.checked=false;

else{

//选择tbody下第一个td中的未选中的input

var unchecked=

document.querySelector(

"tbody td:first-child>input:not(:checked)"

);

if(unchecked===null)

chbAll.checked=true;

}

评论一下

赞助站长

赞助站长X

版权申明：此文如未标注转载均为本站原创，自由转载请表明出处《龙行博客》。

本文网址：https://www.liaotaoo.cn/84.html

layui中全选反选_jQuery实现全选,反选,全不选相关推荐

在Indicator中添加动态Checkbox,无需绑定数据源，支持全选 - Ehlib学习(二)
先做设置 DBGrideh属性设置: IndicatorOptions = [gioShowRowIndicatorEh, //小三角指示 gioShowRecNoEh, //数据源行号 gioSho ...
axure实现复选框全选_AxureRP8实战手册-案例73（全选与取消全选效果）
案例73. 全选与取消全选效果案例来源: 百度音乐-音乐盒案例效果: 初始状态/取消全选时:(图5-117) 全选后取消任一选项时:(图5-118) 全选/单选全部选中时:(图5-119) 案例描 ...
Netflix如何在上万台机器中管理微服务？（史上最全）
疯狂创客圈为小伙伴奉上以下珍贵的学习资源: 疯狂创客圈经典图书 : 极致经典 < Java 高并发三部曲 > 面试必备 + 大厂必备 + 涨薪必备疯狂创客圈经典图书 : <N ...
android 全选功能,Android实现ListView控件的多选和全选功能实例
本文实例讲述了Android实现ListView控件的多选和全选功能.分享给大家供大家参考,具体如下: 主程序代码 MainActivity.Java package yy.test; import ...
苹果和虫子编程题python_2020智慧树《兽医寄生虫学》免费最全题库2020中国大学mooc《线性代数习题选讲》...
2020智慧树<兽医寄生虫学>免费最全题库2020中国大学mooc<线性代数习题选讲>章节答案更多相关问题 [多选题]<合同法>第122条规定,因当事人一方违约行 ...
linux默认csh修改命令,Solaris中默认Shell的修改以及命令行补全的设置
Solaris中默认Shell的修改以及命令行补全的设置发布时间:2008-02-18 00:01:41来源:红联作者:qtsmy Solaris10 x86虽然可以跑起来,但有很多方面都用这和以前 ...
你知道为什么Xcode6中Swift没有智能提示和自己主动补全功能吗 ?
你知道为什么Xcode6中Swift没有智能提示和自己主动补全功能吗 ? 长沙戴维营教育将为你解开这个巨大的谜团大BUG! http://www.ubuntucollege.cn/course/29/ ...
微信小程序checkbox的全选以及所有checkbox选中之后的全选
微信小程序checkbox的全选以及所有checkbox选中之后的全选微信小程序checkbox的全选以及所有checkbox选中之后的全选第一次写,软件都不懂,直接把代码拷过来了模板 WXML ...
数字图像处理(4): 遥感影像中光谱分辨率、空间分辨率、时间分辨率、全色图像、多光谱图像、高光谱图像的区别
目录 1 光谱分辨率.空间分辨率.时间分辨率 2 全色图像.多光谱图像.高光谱图像 2.1 全色图像 2.2 多光谱图像 2.3 高光谱图像参考资料 1 光谱分辨率.空间分辨率.时间分辨率遥感(R ...
在iframe 中视频可以正常播放，但是就是不能全屏。解决方法
在iframe 中视频可以正常播放,但是就是不能全屏.解决方法参考文章: (1)在iframe 中视频可以正常播放,但是就是不能全屏.解决方法 (2)https://www.cnblogs.com/ ...

layui中全选反选_jQuery实现全选,反选,全不选

管理员列表

layui中全选反选_jQuery实现全选,反选,全不选相关推荐

最新文章

热门文章