jquery在选中并删除带有复选框的表行时实现高亮显示

通过jquery技术操作表是一件简单的事情。通过jquery语法，可以轻松完成表格的隔行变色和悬浮高亮。在实际应用中，表中可能有复选框。删除时，删除复选框所在行中的记录。在这个地方，你可以添加一个特殊的效果。单击一条线时，选中该线的复选框并突出显示该线的背景色。这给人一种非常好的感觉。效果如下：。

我这里有两个函数：函数1。单击一条线，该线的复选框被选中，背景颜色被更改。2.单击全选/全选无选项卡更改线条的颜色。我将这两个函数封装在js文件中，所以我可以在使用它们时介绍它们。先看看css代码。我将其封装在一个CSS文件中，复制代码如下： selected { background : # ff 6500；color: # fff}看js文件的代码：函数1的代码：复制代码如下： /** *设置表格中带复选框的背景色*/$(文档)。ready (function () {/* * *单击表格行时更改背景颜色*/$('#tablight tr:gt(0)')。获取第二行{if ($ (this)后点击(function() //即可)。has class(' selected ')//判断是否{$ (this)。removeclass(“选定的”)。查找(' :复选框')。attr('选中'，false。//选择remove style} else//set并选择{$ (this)。addclass ('selected ')。查找(' :复选框')。attr ('checked '，true)；//未选择添加样式} })；});函数二的代码：复制代码如下： /** *点击全选反选改变背景色*/函数setColor()//设置tr { var checkbox=$(' # tablight tr : gt(0)input[type=checkbox]')的背景色；//获取所有复选框var box=$(' # tablight tr : gt(0)input[type=checkbox]: checked ')；//如果(box . length 0){ checkbox . parent()。父项()。addclass('选定')；//复选框位于td } else { checkboxes.parent()。父项()。removeclass('选定')；}}如果想让代码生效，需要在表中添加一个id属性，属性值为“tablight”。同时，选择/取消选择全部后，只需调用setColor方法即可。