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

前端之家收集整理的这篇文章主要介绍了JQuery点击行tr实现checkBox选中的简单实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

<div class="jb51code">
<pre class="brush:js;">
$(function () {

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

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

//为点击的这一行切换样式bgRed里的<a href="https://www.jb51.cc/tag/daima/" target="_blank" class="keywords">代码</a>:background-color:#FF0000;

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

//判断td<a href="https://www.jb51.cc/tag/biaoji/" target="_blank" class="keywords">标记</a>的背景颜色和body的背景颜色是否相同;

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

 //如果相同,Check<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>.checked=true;

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



} else {

 //如果不同,Check<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>.checked=false;

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

}

});

});

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

原文链接:https://www.f2er.com/jquery/48444.html

猜你在找的jQuery相关文章