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 相关文章推荐
extjs中grid中嵌入动态combobox的应用
Jan 01 Javascript
JS分割字符串并放入数组的函数
Jul 04 Javascript
javascript陷阱 一不小心你就中招了(字符运算)
Nov 10 Javascript
JS简单实现String转Date的方法
Mar 02 Javascript
bootstrap与Jquery UI 按钮样式冲突的解决办法
Sep 23 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
Feb 05 Javascript
js时间戳与日期格式之间相互转换
Dec 11 Javascript
Vue2.0 slot分发内容与props验证的方法
Dec 12 Javascript
解决VUE框架 导致绑定事件的阻止冒泡失效问题
Feb 24 Javascript
vue 解决遍历对象显示的顺序不对问题
Nov 07 Javascript
js前端对于大量数据的展示方式及处理方法
Dec 02 Javascript
JavaScript 获取滚动条位置并将页面滑动到锚点
Feb 08 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获取随机数组列表的方法
2014/11/13 PHP
php生成验证码函数
2015/10/20 PHP
Javascript的常规数组和关联数组对比小结
2012/05/24 Javascript
JavaScript实现点击按钮后变灰避免多次重复提交
2013/07/15 Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
2014/01/09 Javascript
javascript写的一个模拟阅读小说的程序
2014/04/04 Javascript
html的DOM中document对象forms集合用法实例
2015/01/21 Javascript
JavaScript模拟实现键盘打字效果
2015/06/29 Javascript
jquery实现TAB选项卡鼠标经过带延迟效果的方法
2015/07/27 Javascript
js实现超简单的展开、折叠目录代码
2015/08/28 Javascript
js实现简单的省市县三级联动效果实例
2016/02/18 Javascript
JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
2016/05/20 Javascript
30分钟快速掌握Bootstrap框架
2016/05/24 Javascript
如何用JS判断两个数字的大小
2016/07/21 Javascript
ReactNative-JS 调用原生方法实例代码
2016/10/08 Javascript
让编辑器支持word复制黏贴、截屏的js代码
2016/10/17 Javascript
jQuery实现简单轮播图效果
2020/12/27 jQuery
Vue-router编程式导航的两种实现代码
2021/03/04 Vue.js
Python中的字符串查找操作方法总结
2016/06/27 Python
Python Logging 日志记录入门学习
2018/06/02 Python
PyQt5根据控件Id获取控件对象的方法
2019/06/25 Python
python opencv对图像进行旋转且不裁剪图片的实现方法
2019/07/09 Python
python打印9宫格、25宫格等奇数格 满足横竖斜相加和相等
2019/07/19 Python
parser.add_argument中的action使用
2020/04/20 Python
python热力图实现简单方法
2021/01/29 Python
一张图片能隐含千言万语之隐藏你的程序代码
2012/12/13 HTML / CSS
HTML5中5个简单实用的API(第二篇,含全屏、可见性、拍照、预加载、电池状态)
2014/05/07 HTML / CSS
什么是TCP/IP
2014/07/27 面试题
建筑专业自荐信范文
2014/01/05 职场文书
授权委托书怎么写
2014/04/03 职场文书
村主任群众路线个人对照检查材料
2014/09/26 职场文书
幼儿园开学通知
2015/04/24 职场文书
公司地址变更通知
2015/04/25 职场文书
证婚人致辞精选
2015/07/28 职场文书
公司规章制度范本
2015/08/03 职场文书
2016道德模范先进事迹材料
2016/02/26 职场文书