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().f<a href="https://www.jb51.cc/tag/irs/" target="_blank" class="keywords">irs</a>t().children().attr("checked",true);



} else {

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

 $(this).children().f<a href="https://www.jb51.cc/tag/irs/" target="_blank" class="keywords">irs</a>t().children().attr("checked",false);

}

});

});