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 相关文章推荐
jquery动画3.创建一个带遮罩效果的图片走廊
Aug 24 Javascript
jQuery使用height()获取高度需要注意的地方
Dec 13 Javascript
jQuery中ajax的load()方法用法实例
Dec 26 Javascript
JS实现图片放大镜效果的方法
Feb 27 Javascript
jQuery插件扩展实例【添加回调函数】
Nov 26 Javascript
完美解决input[type=number]无法显示非数字字符的问题
Feb 28 Javascript
Bootstrap框架建立树形菜单(Tree)的实例代码
Oct 30 Javascript
jquery根据name取得select选中的值实例(超简单)
Jan 25 jQuery
vue cli2.0单页面title修改方法
Jun 07 Javascript
Vue.js如何使用Socket.IO的示例代码
Sep 05 Javascript
谈谈JavaScript令人迷惑的==与+
Aug 31 Javascript
vue移动端下拉刷新和上滑加载
Oct 27 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设计模式小结
2013/02/15 PHP
php定时计划任务与fsockopen持续进程实例
2014/05/23 PHP
Yii实现自动加载类地图的方法
2015/04/01 PHP
php使用SAE原生Mail类实现各种类型邮件发送的方法
2016/10/10 PHP
PHP基于XMLWriter操作xml的方法分析
2017/07/17 PHP
基于jquery的Repeater实现代码
2010/07/17 Javascript
JavaScript 基础篇之运算符、语句(二)
2012/04/07 Javascript
JS打开图片另存为对话框实现代码
2012/12/26 Javascript
nodejs中转换URL字符串与查询字符串详解
2014/11/26 NodeJs
简介JavaScript中substring()方法的使用
2015/06/06 Javascript
JavaScript 七大技巧(一)
2015/12/13 Javascript
JavaScript里 ==与===区别详解
2016/08/16 Javascript
Vue.js学习笔记之修饰符详解
2017/07/25 Javascript
浅谈React中的元素、组件、实例和节点
2018/02/27 Javascript
js循环map 获取所有的key和value的实现代码(json)
2018/05/09 Javascript
基于vue 动态菜单 刷新空白问题的解决
2020/08/06 Javascript
基于JS实现快速读取TXT文件
2020/08/25 Javascript
如何实现小程序与小程序之间的跳转
2020/11/04 Javascript
详解K-means算法在Python中的实现
2017/12/05 Python
python分治法求二维数组局部峰值方法
2018/04/03 Python
利用python如何处理nc数据详解
2018/05/23 Python
Python request操作步骤及代码实例
2020/04/13 Python
html5教程画矩形代码分享
2013/12/04 HTML / CSS
详解如何解决H5开发使用wx.hideMenuItems无效果不生效
2021/01/20 HTML / CSS
新加坡时尚网上购物:Zalora新加坡
2016/07/26 全球购物
公司人力资源的自我评价
2014/01/02 职场文书
基层党员公开承诺书
2014/05/29 职场文书
融资合作协议书范本
2014/10/17 职场文书
合作与交流自我评价
2015/03/09 职场文书
小学教师节活动总结
2015/03/20 职场文书
幼儿园辞职信
2015/05/13 职场文书
同意报考证明
2015/06/17 职场文书
六五普法学习心得体会
2016/01/21 职场文书
《文化苦旅》读后感:阅读,让人诗意地栖居在大地上
2019/12/24 职场文书
解决mysql模糊查询索引失效问题的几种方法
2021/06/18 MySQL
MySQL的索引你了解吗
2022/03/13 MySQL