知识大全 jquery实现带复选框的表格行选中删除时高亮显示

Posted 表格

篇首语：千磨万击还坚劲，任尔东西南北风。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 jquery实现带复选框的表格行选中删除时高亮显示相关的知识，希望对你有一定的参考价值。

在实际的应用中可能会出现表格中带复选框的 删除时 将复选框所在的行的记录删除 在这的地方 可以加个特效 单击某行的同时将该行的复选框选中 该行的背景色也高亮显示  

　　通过jquery技术来操作表格是件简单的事 通过jquery的语法 可以很轻松的完成表格的隔行换色 悬浮高亮 在实际的应用中可能会出现表格中带复 选框的 删除时 将复选框所在的行的记录删除 在这的地方 可以加个特效 单击某行的同时将该行的复选框选中 该行的背景色也高亮显示 这样给人的感觉非 常好 效果如下   我做的这里有两个功能 功能 单击某行 该行的复选框被选中 同时改变一下背景色 功能 单击全选/全不选标签后 改变行的颜色 两个功能我封装到了js文件中 使用的时候引入就行了 先看一下CSS的代码 我封装到了一个css文件中

复制代码 代码如下: selected background:#FF ; color:#fff;

　　 在看js文件的代码 功能 的代码

复制代码 代码如下: /** * 设置含有复选框的表格中的背景色 */ $(document) ready(function() /** * 表格行被单击的时候改变背景色 */ $("#tablight tr:gt( )") click(function() //获取第 行后 if ($(this) hasClass("selected"))//判断是否选中 $(this) removeClass("selected") find(":checkbox") attr("checked" false);//选中移除样式 else//设置选中 $(this) addClass("selected") find(":checkbox") attr("checked" true);//未选中添加样式 ); );

　　 功能 的代码

复制代码 代码如下: /** * 单击全选和反选之后改变背景色 */ function setColor()//设置tr的背景颜色 var checkboxs = $("#tablight tr:gt( ) input[type=checkbox]");//得到所有的复选框 var boxeds = $("#tablight tr:gt( ) input[type=checkbox]:checked");//得到被选择的复选框 if(boxeds length > ) checkboxs parent() parent() addClass("selected");//复选框在td里 else checkboxs parent() parent() removeClass("selected"); cha138/Article/program/Java/JSP/201311/19907

相关参考

知识大全 Jquery获取复选框被选中值的简单方法

Jquery获取复选框被选中值的简单方法  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！这篇文章介绍

知识大全 jQuery实现鼠标滑过遮罩并高亮显示效果

jQuery实现鼠标滑过遮罩并高亮显示效果  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！本文为大家

知识大全 Excel表格中怎么制作带复选框的动态图表

Excel表格中怎么制作带复选框的动态图表  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！Excel

知识大全 如何让excel表格资料不被显示出来，只有选中表格，才能看到资料

如何让excel表格资料不被显示出来，只有选中表格，才能看到资料？谢谢。将字型设定为白色，打印出来就没数字了。选中单元格在编辑栏就可看到资料。如何对比两个EXCEL表格资料，不同的显示出来一般我用if

知识大全 jquery关于表格及表格列隐藏和显示问题探讨

本文为大家详细介绍下关于指定表格及指定列的隐藏或显示获取表格的列数等等表格相关的使用技巧感兴趣的朋友可以参考下哈希望对大家有所帮助 　　关于指定表格指定列隐藏显示复制代码代码如下:$(":c

知识大全 怎么样使excel表格中自动生成的数字前面带正负号， 负号不用说了肯定行，正好怎么自动生成啊

怎么样使excel表格中自动生成的数字前面带正负号，负号不用说了肯定行，正好怎么自动生成啊？谢谢了！先选中表格，到选单里点开“格式”选单，选“单元格”命令，进入单元格格式视窗，在“数字”画面下选用自定

知识大全 高亮CheckBoxList选中的项目

高亮CheckBoxList选中的项目  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！ &

知识大全 word文档怎么打出占一个字符的带括号数字

word文档怎么打出占一个字符的带括号数字方法一：1、先输入带数字的小方括号，再选中；2、单击开始选项卡右下角如图所示的按钮；3、在弹出的字体对话框中，选中上标复选框，如图所示。方法二：1、先输入带数

知识大全 excel表格中如何将所做表格以外的区域不显示

excel表格中如何将所做表格以外的区域不显示？可以使用以下步骤进行设置：1、选中所做表格以外右面相邻的整列，按CTRL+SHIFT+右键头组合键。2、右击选区，选择隐藏。3、选中所做表格以外下面相邻

知识大全 jquery做复选框的全选、全部选、反选

　　<!DOCTYPEPUBLIC"//WC//DTDXHTMLTransitional//EN""cha138/Article/program/Java/JSP/201311/206