etsy网站,免费前端模板网站,胶州网站设计公司,成都科技网站建设找哪家标题描述的有点不贴切#xff0c;但希望大家能够明白#xff0c;为了更形像的表达#xff0c;我特意录制了一张GIF动画图片。我不知道实际开发中有没有用到这种效果#xff0c;但我个人认为#xff0c;这种方式更人性化#xff0c;因为只要点到一行#xff0c;就可以使C…标题描述的有点不贴切但希望大家能够明白为了更形像的表达我特意录制了一张GIF动画图片。我不知道实际开发中有没有用到这种效果但我个人认为这种方式更人性化因为只要点到一行就可以使CheckBox.checkedtrue 不用非得点复选按钮才能实现;实现的过程有点纠结试了几次都没成最后用了一个笨笨的方法就是点击行的时候让他的子元素(td)的背景颜色为红色.(因为我用到了光棒效果如果我点击行(td)的时候颜色是变了但鼠标一离开的时候就又变回原来的颜色了)可能你会问我了那你咋判断CheckBox的状态是不是checked(勾选状态)啊其实我根本没去对它进行判断.... 希望大家不要喷我。我只是判断了一下选中行的子元素(td)的背景颜色和document.body的背景颜色是不是一样如果一样就让CheckBox.checkedtrue不一样就让CheckBox.checkedfalse.思路就是这么个思路如果谁还有更好的方法贴上来大家一起学习学习..Jquery中用到的方法:first()第一个元素;nextAll():在XX之后的所有元素:主要为了把第一行的表头去掉children():查找子元素;toggleClass();切换样式attr()给CheckBox添加checked属性;主要实现的代码$(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.checkedtrue;$(this).children().first().children().attr(checked, true);} else {//如果不同,CheckBox.checkedfalse;$(this).children().first().children().attr(checked, false);}});});
