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 相关文章推荐
用js得到网页中所有的div的id
Oct 19 Javascript
简单的无缝滚动程序-仅几行代码
May 08 Javascript
firefox和IE系列的相关区别整理 以备后用
Dec 28 Javascript
javascript利用apply和arguments复用方法
Nov 25 Javascript
JavaScript学习笔记之基础语法
Jan 22 Javascript
详解JavaScript中的every()方法
Jun 08 Javascript
详解vue-cli 构建Vue项目遇到的坑
Aug 30 Javascript
jquery之基本选择器practice(实例讲解)
Sep 30 jQuery
js实现复制功能(多种方法集合)
Jan 06 Javascript
React styled-components设置组件属性的方法
Aug 07 Javascript
JS算法教程之字符串去重与字符串反转
Dec 15 Javascript
three.js中多线程的使用及性能测试详解
Jan 07 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模板页面中分页代码的解析
2009/02/06 PHP
php中使用__autoload()自动加载未定义类的实现代码
2013/02/06 PHP
PHP批量采集下载美女图片的实现代码
2013/06/03 PHP
php使用fsockopen函数发送post,get请求获取网页内容的方法
2014/11/15 PHP
Laravel框架中VerifyCsrfToken报错问题的解决
2017/08/30 PHP
laravel-admin的图片删除实例
2019/09/30 PHP
Extjs学习笔记之二 初识Extjs之Form
2010/01/07 Javascript
javascript中注册和移除事件的4种方式
2013/03/20 Javascript
javascript实现动态侧边栏代码
2014/02/19 Javascript
DOM基础教程之事件类型
2015/01/20 Javascript
JavaScript弹出新窗口后向父窗口输出内容的方法
2015/04/06 Javascript
JavaScript SHA512&SHA256加密算法详解
2015/08/11 Javascript
jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
2015/12/31 Javascript
微信小程序 首页制作简单实例
2017/04/07 Javascript
基于node+websocket+html实现腾讯课堂聊天室聊天功能
2020/03/04 Javascript
Webpack5正式发布,有哪些新特性
2020/10/12 Javascript
可拖拽组件slider.js使用方法详解
2020/12/04 Javascript
vue 导航守卫和axios拦截器有哪些区别
2020/12/19 Vue.js
解决vue使用vant轮播组件swipe + flex时文字抖动问题
2021/01/07 Vue.js
python里对list中的整数求平均并排序
2014/09/12 Python
Python解决线性代数问题之矩阵的初等变换方法
2018/12/12 Python
Python 实现两个服务器之间文件的上传方法
2019/02/13 Python
Python变量访问权限控制详解
2019/06/29 Python
python读取.mat文件的数据及实例代码
2019/07/12 Python
Python 批量读取文件中指定字符的实现
2020/03/06 Python
轻松掌握CSS3中的字体大小单位rem的使用方法
2016/05/24 HTML / CSS
幼儿园亲子活动方案
2014/01/29 职场文书
小学生演讲稿大全
2014/04/25 职场文书
2014年社区综治工作总结
2014/11/17 职场文书
乡镇一岗双责责任书
2015/01/29 职场文书
开学第一天的感想
2015/08/10 职场文书
2016春节放假通知范文
2015/08/18 职场文书
先进工作者主要事迹材料
2015/11/03 职场文书
2016年安全月活动总结
2016/04/06 职场文书
MYSQL 无法识别中文的永久解决方法
2021/06/03 MySQL
Android开发手册TextInputLayout样式使用示例
2022/06/10 Java/Android