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控制文本框textarea输入字数限制的方法
Jun 17 Javascript
ajax请求get与post的区别总结
Nov 04 Javascript
Node.js中使用事件发射器模式实现事件绑定详解
Aug 15 Javascript
jQuery自定义添加"$"与解决"$"冲突的方法
Jan 19 Javascript
深入理解JavaScript系列(44):设计模式之桥接模式详解
Mar 04 Javascript
Javascript中With语句用法实例
May 14 Javascript
[原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
Apr 14 Javascript
js数组实现权重概率分配
Sep 12 Javascript
React从react-router路由上做登陆验证控制的方法
May 10 Javascript
vue移动端监听滚动条高度的实现方法
Sep 03 Javascript
小程序实现列表点赞功能
Nov 02 Javascript
javaScript实现一个队列的方法
Jul 14 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 explode函数实例代码
2012/02/27 PHP
zf框架的校验器InArray使用示例
2014/03/13 PHP
destoon网站转移服务器后搜索汉字出现乱码的解决方法
2014/06/21 PHP
PHP中使用Imagick读取pdf并生成png缩略图实例
2015/01/21 PHP
laravel5创建service provider和facade的方法详解
2016/07/26 PHP
jquery的Tooltip插件 qtip使用详细说明
2010/09/08 Javascript
使用隐藏的new来创建对象
2011/03/29 Javascript
用最通俗易懂的代码帮助新手理解javascript闭包 推荐
2012/03/01 Javascript
onclick与listeners的执行先后问题详细解剖
2013/01/07 Javascript
js获取客户端网卡的IP地址、MAC地址
2014/03/26 Javascript
jquery控制背景音乐开关与自动播放提示音的方法
2015/02/06 Javascript
jQuery实现鼠标划过展示大图的方法
2015/03/09 Javascript
js实现无限级树形导航列表效果代码
2015/09/23 Javascript
对象题目的一个坑 理解Javascript对象
2015/12/22 Javascript
Vue2路由动画效果的实现代码
2017/07/10 Javascript
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
2017/09/12 jQuery
详解最新vue-cli 2.9.1的webpack存在问题
2017/12/16 Javascript
解决Nodejs全局安装模块后找不到命令的问题
2018/05/15 NodeJs
javascript判断一个变量是数组还是对象
2019/04/10 Javascript
JavaScript之数组扁平化详解
2019/06/03 Javascript
如何利用node.js开发一个生成逐帧动画的小工具
2019/12/01 Javascript
ES6对象操作实例详解
2020/05/23 Javascript
vue+axios全局添加请求头和参数操作
2020/07/24 Javascript
Vue 打包的静态文件不能直接运行的原因及解决办法
2020/11/19 Vue.js
Python中获取网页状态码的两个方法
2014/11/03 Python
python学习必备知识汇总
2017/09/08 Python
Python列表推导式与生成器表达式用法示例
2018/02/08 Python
分享vim python缩进等一些配置
2018/07/02 Python
TensorFlow学习之分布式的TensorFlow运行环境
2020/02/05 Python
python中sort sorted reverse reversed函数的区别说明
2020/05/11 Python
外包公司软件测试工程师
2014/11/01 面试题
让生命充满爱演讲稿
2014/05/10 职场文书
入党政审材料范文
2014/12/24 职场文书
利用python做表格数据处理
2021/04/13 Python
golang的文件创建及读写操作
2022/04/14 Golang
Java由浅入深通关抽象类与接口(下篇)
2022/04/26 Java/Android