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 相关文章推荐
JavaScript表单常用验证集合
Jan 16 Javascript
js 数组的for循环到底应该怎么写?
May 31 Javascript
JavaScript中的一些定位属性[图解]
Jul 14 Javascript
强大的jquery插件jqeuryUI做网页对话框效果!简单
Apr 14 Javascript
兼容所有浏览器的js复制插件Zero使用介绍
Mar 19 Javascript
javascript实现window.print()去除页眉页脚
Dec 30 Javascript
javascript如何实现暂停功能
Nov 06 Javascript
JS中substring与substr的用法
Nov 16 Javascript
基于Node.js + WebSocket打造即时聊天程序嗨聊
Nov 29 Javascript
详解webpack+vue-cli项目打包技巧
Jun 17 Javascript
JavaScript实现多重继承的方法分析
Jan 09 Javascript
vue项目部署到nginx/tomcat服务器的实现
Aug 26 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
调频问题解答
2021/03/01 无线电
国外PHP程序员的13个好习惯小结
2012/02/20 PHP
php获取网页请求状态程序示例
2014/06/17 PHP
php与c 实现按行读取文件实例代码
2017/01/03 PHP
js cookies实现简单统计访问次数
2009/11/24 Javascript
屏蔽F1~F12的快捷键的js函数
2010/05/06 Javascript
jQuery实现 注册时选择阅读条款 左右移动
2013/04/11 Javascript
jQuery 浮动导航菜单适合购物商品类型的网站
2014/09/09 Javascript
JS实现点击上移下移LI行数据的方法
2015/08/05 Javascript
jQuery结合CSS制作动态的下拉菜单
2015/10/27 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
2015/11/07 Javascript
Node.js连接MongoDB数据库产生的问题
2017/02/08 Javascript
关于Node.js中Buffer的一些你可能不知道的用法
2017/03/28 Javascript
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
2017/11/27 Javascript
小程序Request的另类用法详解
2019/08/09 Javascript
react实现antd线上主题动态切换功能
2019/08/12 Javascript
[02:12]2015国际邀请赛 SHOWOPEN
2015/08/05 DOTA
python中计算一个列表中连续相同的元素个数方法
2018/06/29 Python
Python中的异常处理try/except/finally/raise用法分析
2019/02/28 Python
python中update的基本使用方法详解
2019/07/17 Python
详解python实现数据归一化处理的方式:(0,1)标准化
2019/07/17 Python
django框架F&Q 聚合与分组操作示例
2019/12/12 Python
Python浮点型(float)运算结果不正确的解决方案
2020/09/22 Python
德国鞋子网上商店:Omoda.de
2017/03/31 全球购物
Levi’s西班牙官方网站:李维斯,著名的牛仔裤品牌
2020/08/20 全球购物
C#基础面试题
2016/10/17 面试题
MySQL面试题目集锦
2016/04/14 面试题
幼儿园运动会入场词
2014/02/10 职场文书
境外导游求职信
2014/02/27 职场文书
教堂婚礼主持词
2014/03/14 职场文书
爱心倡议书范文
2014/05/12 职场文书
分公司负责人任命书
2014/06/04 职场文书
大学生联谊活动策划书(光棍节)
2014/10/10 职场文书
消夏晚会主持词
2015/06/30 职场文书
【超详细】八大排序算法的各项比较以及各自特点
2021/03/31 Python
一篇文章告诉你如何实现Vue前端分页和后端分页
2022/02/18 Vue.js