JQuery点击行tr实现checkBox选中的简单实例


Posted in Javascript onMay 26, 2016
$(function () {

   //除了表头(第一行)以外所有的行添加click事件.

   $("tr").first().nextAll().click(function () {

    //为点击的这一行切换样式bgRed里的代码:background-color:#FF0000;

    $(this).children().toggleClass("bgRed");

    //判断td标记的背景颜色和body的背景颜色是否相同;

    if ($(this).children().css("background-color") != $(document.body).css("background-color")) {

     //如果相同,CheckBox.checked=true;

     $(this).children().first().children().attr("checked", true);

 

    } else {

     //如果不同,CheckBox.checked=false;

     $(this).children().first().children().attr("checked", false);

    }

   });

  });

以上这篇JQuery点击行tr实现checkBox选中的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
20款超赞的jQuery插件 Web开发人员必备
Feb 26 Javascript
javascript 学习笔记(一)DOM基本操作
Apr 08 Javascript
使用JavaScript动态设置样式实现代码及演示动画
Jan 25 Javascript
js算法中的排序、数组去重详细概述
Oct 14 Javascript
js简单的表格添加行和删除行操作示例
Mar 31 Javascript
javascript实现切换td中的值
Dec 05 Javascript
Javascript非构造函数的继承
Apr 27 Javascript
浅析JavaScript作用域链、执行上下文与闭包
Feb 01 Javascript
AngularJS基础 ng-mouseleave 指令详解
Aug 02 Javascript
微信小程序基于picker实现级联菜单
Feb 15 Javascript
javascript操作元素的常见方法小结
Nov 13 Javascript
JavaScript实现文件下载并重命名代码实例
Dec 12 Javascript
动态加载js、css的简单实现代码
May 26 #Javascript
JS hashMap实例详解
May 26 #Javascript
jQuery验证插件validate使用方法详解
Sep 13 #Javascript
动态加载js、css的实例代码
May 26 #Javascript
基于JS实现textarea中获取动态剩余字数的方法
May 25 #Javascript
js将json格式的对象拼接成复杂的url参数方法
May 25 #Javascript
使用jquery获取url以及jquery获取url参数的实现方法
May 25 #Javascript
You might like
PHP中10个不常见却非常有用的函数
2010/03/21 PHP
PHP中改变图片的尺寸大小的代码
2011/07/17 PHP
PHP 删除文件与文件夹操作 unlink()与rmdir()这两个函数的使用
2011/07/17 PHP
Linux下安装oracle客户端并配置php5.3
2014/10/12 PHP
php获取用户浏览器版本的方法
2015/01/03 PHP
PHP闭包定义与使用简单示例
2018/04/13 PHP
PHP实现的curl批量请求操作示例
2018/06/06 PHP
PHP中类与对象功能、用法实例解读
2020/03/27 PHP
10个实用的脚本代码工具
2010/05/04 Javascript
intro.js 页面引导简单用法 分享
2013/08/06 Javascript
基于jquery实现一张图片点击鼠标放大再点缩小
2013/09/29 Javascript
Jquery 返回json数据在IE浏览器中提示下载的问题
2014/05/18 Javascript
jQuery中element选择器用法实例
2014/12/29 Javascript
JavaScript获取页面中第一个锚定文本的方法
2015/04/03 Javascript
JavaScript操作HTML元素和样式的方法详解
2015/10/21 Javascript
AngularJS折叠菜单实现方法示例
2017/05/18 Javascript
探讨Vue.js的组件和模板
2017/10/27 Javascript
React Router v4 入坑指南(小结)
2018/04/08 Javascript
微信小程序系列之自定义顶部导航功能
2019/05/21 Javascript
解决Layui中layer报错的问题
2019/09/03 Javascript
[01:48]DOTA2 2015国际邀请赛中国区预选赛第二日战报
2015/05/27 DOTA
[12:21]VICI vs TNC (BO3)
2018/06/07 DOTA
Python利用字典将两个通讯录文本合并为一个文本实例
2018/01/16 Python
python 与服务器的共享文件夹交互方法
2018/12/27 Python
Pandas库之DataFrame使用的学习笔记
2019/06/21 Python
python科学计算之scipy——optimize用法
2019/11/25 Python
Python类如何定义私有变量
2020/02/03 Python
Canvas与Image互相转换示例代码
2013/08/09 HTML / CSS
有趣、实用和鼓舞人心的产品:Inspire Uplift
2019/11/05 全球购物
会计主管岗位职责
2014/01/03 职场文书
员工晚婚的请假条
2014/02/08 职场文书
能源工程专业应届生求职信
2014/03/01 职场文书
捐款倡议书怎么写
2014/05/13 职场文书
乡镇务虚会发言材料
2014/10/20 职场文书
党的群众路线教育实践活动个人整改落实情况汇报
2014/10/28 职场文书
财务总监岗位职责范本
2015/04/03 职场文书