//tbody中多选按钮事件
$("#list-table tbody").on("click", "input[type='checkbox']", function() {var allChecked = true;$(this).parents("tbody").find("input").each(function() {if (!$(this).prop("checked")) {allChecked = false;}});$("#checkall").prop("checked", allChecked);if (allChecked) {$("#checkall").parent("span").prop("class", "checked");} else {$("#checkall").parent("span").prop("class", "");}
});// thead中全选按钮事件---全选反选
$('#checkall').click( function() {if ($(this).prop('checked')) {$(this).parents('thead').siblings('tbody').find('input').each(function() {$(this).prop('checked', false);$(this).click();});} else {$(this).parents('thead').siblings('tbody').find('input').each(function() {$(this).prop('checked', true);$(this).click();});}
});

转载于:https://www.cnblogs.com/xuejianbest/p/10284964.html

前端:CheckBox事件函数js相关推荐

  1. 对的调用没有匹配的函数_前端开发之——函数、事件、js对象

    函数 常用系统函数 parseInt ("字符串") 将字符串转换为整型数字 如: parseInt ("86")将字符串"86"转换为整型 ...

  2. Web前端基础---JavaScript函数事件及其绑定DOM模型BOM模型

    Day03 JavaScript JavaScript是一种属于网络的高级脚本语言,被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用 户提供更流畅美观的浏览效果.通常JavaScri ...

  3. 从零开始学前端:初识函数,合法属性与自定义属性 --- 今天你学习了吗?(JS:Day2)

    从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(JS) 复习:从零开始学前端:初识JavaScript - 今天你学习了吗?(JS:Day1) 文章目录 从零开始学前端:程序猿小白也可以 ...

  4. js常用对象:点击、双击、onload事件、鼠标相关、onblur事件和onfocus事件等;通过循环给多个元素添加事件、通过addEventListener() 方法 监听事件函数...

    1.通过标签内部添加事件 (1)onclick事件:单击事件 (2)ondbclick事件:双击事件 (3)onload事件:只能在body中使用,入口函数里有:window.   .οnlοad=f ...

  5. 前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)

    第1章Html Html:超级文本标记语言(HyperText Markup Language),在浏览器上运行的一种标记语言. 就是给文本加上含有语义的标签. 接下来应该学习更多具体语义标签: 一. ...

  6. web前端基础html,css,js,jquery

    目录 1 前端技术: 1.1 学习方法 1.1.1 前端要怎么学? 1.1.2 前端技术栈 1.2 HBuilderX 1.2.1 介绍 1.2.2 安装 1.2.3 主题 1.2.4 字体 1.2. ...

  7. 【repost】一探前端开发中的JS调试技巧

    有请提示:文中涉及较多Gif演示动画,移动端请尽量在Wifi环境中阅读 前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能.掌握各种调试技巧,必定能在工作中起到事半功倍的效果.譬如,快速定位问 ...

  8. 前端清单之Vue.js篇

    2019独角兽企业重金招聘Python工程师标准>>> 教程实践 基于 Vue 与 DeepStream 构建实时 CRUD 应用:Vue 是专注于 JavaScript UI 的渐 ...

  9. 前端学习笔记(js基础知识)

    前端学习笔记(js基础知识) JavaScript 输出 JavaScript 数据类型 常见的HTML事件 DOM 冒泡与捕获 流程控制语句 for..in 计时器 let,var,const的区别 ...

最新文章

  1. 【直播】黎佳佳:音频数据分析以及特征提取
  2. 【拓扑排序】【bitset】Gym - 101128A - Promotions
  3. android LayoutInflater.inflate()的参数及其用法
  4. 成功解决Exception “unhandled AttributeError“ module ‘h5py‘ has no attribute ‘File‘
  5. T- SQL性能优化详解
  6. 如何用matlab实现文字动态滚动,js 动态文字滚动的例子
  7. 程序员难以攻克的十大难题
  8. CentOS 7 安装nginx
  9. debian 升级后mysql_教你在Debian和Ubuntu上升级MySQL
  10. shell中日期的使用当前日期的加减
  11. smartSVN用法
  12. Java 生成水印图片
  13. K8S各种各样的证书介绍
  14. PMP 项目质量管理
  15. 【windows】windows创建软件raid0
  16. keep alive是什么?
  17. 在北京西单图书大厦签名售书
  18. onenote for windows 10 下载与安装
  19. bus hound 使用介绍
  20. 请问你为什么学习Lisp?

热门文章

  1. oracle还原数据库及遇到的问题
  2. 我国初步建立法规,短期难扭转生物多样性减少趋势
  3. practice:如何使用2008R2上的AD管理中心
  4. 一个能支持Flash的广告控件
  5. 【MySQL】【翻译】 基于GTID追踪的自适应路由查询
  6. C#【Thread】Interlocked 轻量级锁
  7. Golang简单日志类
  8. Ubuntu Touch未来支持对用户数据加密
  9. svm工具箱快速入手简易教程
  10. 【函数计算月报】2018年12月刊