jQuery实现点击行选中或取消CheckBox的方法


Posted in Javascript onAugust 01, 2016

本文实例讲述了jQuery实现点击行选中或取消CheckBox的方法。分享给大家供大家参考,具体如下:

/// <summary>
/// 点击行选中或者取消CheckBox
/// </summary>
/// <param name="TableID">表ID</param>
function SetCheckBox_Check(TableID) {
  var $TableID = TableID == "" ? "#tb_List" : "#" + TableID + "";
  //循环每个tr行,添加click事件
  $($TableID).find("tr").live("click", function () {
    //标题行不作任何操作
    if (this.rowIndex == 0) return;
    if ($(this).find("input").attr("checked") == 'checked') {
      //已选中的行取消选中
      $(this).find("input").attr("checked", false);
    } else {
      //未选中的行,进行选中
      $(this).find("input").attr("checked", true);
    }
  });
}

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
基于jquery实现的鼠标滑过按钮改变背景图片
Jul 15 Javascript
浅析js设置控件的readonly与enabled属性问题
Dec 25 Javascript
JS获取图片lowsrc属性的方法
Apr 01 Javascript
Bootstrap弹出带合法性检查的登录框实例代码【推荐】
Jun 23 Javascript
Javascript使用uploadify来实现多文件上传
Nov 16 Javascript
webpack配置sass模块的加载的方法
Jul 30 Javascript
详解Vuex管理登录状态
Nov 13 Javascript
深入理解js 中async 函数的含义和用法
May 13 Javascript
说说如何在Vue.js中实现数字输入组件的方法
Jan 08 Javascript
node学习笔记之读写文件与开启第一个web服务器操作示例
May 29 Javascript
解决layui laydate 时间控件一闪而过的问题
Sep 28 Javascript
微信小程序使用前置摄像头拍照
Oct 22 Javascript
AngularJS基础 ng-hide 指令用法及示例代码
Aug 01 #Javascript
使用JS中的exec()方法构造正则表达式验证
Aug 01 #Javascript
javascript创建含数字字母的随机字符串方法总结
Aug 01 #Javascript
jQuery简单实现彩色云标签效果示例
Aug 01 #Javascript
jQuery实现的简单百分比进度条效果示例
Aug 01 #Javascript
AngularJS基础 ng-focus 指令简单示例
Aug 01 #Javascript
JavaScript中的对象继承关系
Aug 01 #Javascript
You might like
处理php自动反斜杠的函数代码
2010/01/05 PHP
用PHP读取超大文件的实例代码
2012/04/01 PHP
php使用pdo连接报错Connection failed SQLSTATE的解决方法
2014/12/15 PHP
php实现复制移动文件的方法
2015/07/29 PHP
启用OPCache提高PHP程序性能的方法
2019/03/21 PHP
JavaScript 数组循环引起的思考
2010/01/01 Javascript
jquery下利用jsonp跨域访问实现方法
2010/07/29 Javascript
javascript之bind使用介绍
2011/10/09 Javascript
jQuery.extend 函数详解
2012/02/03 Javascript
5秒后跳转效果(setInterval/SetTimeOut)
2013/05/03 Javascript
从零学jquery之如何使用回调函数
2014/05/16 Javascript
Bootstrap 粘页脚效果
2016/03/28 Javascript
原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】
2017/05/27 Javascript
vue 实现 tomato timer(蕃茄钟)实例讲解
2017/07/24 Javascript
Vue封装的可编辑表格插件方法
2018/08/28 Javascript
微信小程序用户位置权限的获取方法(拒绝后提醒)
2018/11/15 Javascript
微信小程序之数据绑定原理解析
2019/08/14 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
2020/12/24 Javascript
python之wxPython应用实例
2014/09/28 Python
Python实现list反转实例汇总
2014/11/11 Python
Python fileinput模块使用实例
2015/05/28 Python
Python星号*与**用法分析
2018/02/02 Python
python中for用来遍历range函数的方法
2018/06/08 Python
详解python做UI界面的方法
2019/02/27 Python
使用python实现简单五子棋游戏
2019/06/18 Python
python GUI库图形界面开发之PyQt5信号与槽基础使用方法与实例
2020/03/06 Python
Python接口测试数据库封装实现原理
2020/05/09 Python
python 实现一个图形界面的汇率计算器
2020/11/09 Python
HTML5 Canvas图像模糊完美解决办法
2018/02/06 HTML / CSS
独特的礼品和创新的科技产品:The Grommet
2018/02/24 全球购物
STAUD官方网站:洛杉矶独有的闲适风格
2019/04/11 全球购物
新加坡最早生产电动滑板车的制造商之一:FunsToTheFore
2020/09/08 全球购物
实习单位评语
2014/04/26 职场文书
作风大整顿心得体会
2014/09/10 职场文书
杨善洲观后感
2015/06/04 职场文书
如何写一份成功的商业计划书
2019/06/25 职场文书