jQuery点击tr实现复选框选择的方法

标题的描述有点不合适，但希望大家能理解，我特意录制了一张GIF动画图片，为了更生动的表达。

不知道这个效果在实际开发中有没有用，但我个人认为这个方法更人性化，因为只要点击一行，就可以让CheckBox.checked=true；不必点击勾选按钮即可实现；实现过程有点纠结，几次尝试都失败了。最后用了一个很蠢的方法，就是点击线条的时候，它的子元素(td)的背景颜色是红色。(因为我用的是光棒效果，如果在线(td)上勾选的时候颜色变了，鼠标一离开就变回原来的颜色。)也许你会问我，那你怎么判断CheckBox的状态呢？事实上，我根本没有评判它.希望你不要喷我。我只是判断所选行的子元素(td)的背景色是否与文档的背景色相同，如果相同，让CheckBox.checked=true如果不同，让CheckBox.checked=false。思路就是这样的思路。如果有人有更好的粘贴方式，让我们一起来学习.Jquery :first()中使用的方法：第一个元素。All(): XX :之后的所有元素主要是为了从子():中去掉第一行的表头来寻找子元素；toggle class()；Toggle attr():将选中的属性添加到CheckBox主要实现代码：复制代码如下：$(function () {//Add click事件到除表头(第一行)以外的所有行。$ ('tr ')。第一个()。Nextall()。单击(function(){//将代码切换为被单击行的样式bgRed:background-color 33。$(这个)。儿童()。toggle class(' bgRed ')；//判断td标记的背景色和车身的背景色是否相同；if ($(this)。儿童()。css('背景色')！=$(文档。身体)。CSS('背景色'){//如果相同，CheckBox.checked=true$(这个)。儿童()。第一个()。儿童()。attr('checked '，true)；} else {//如果不同，CheckBox.checked=false$(这个)。儿童()。第一个()。儿童()。attr('checked '，false)；} });});