知识大全 jquery实现带单选按钮的表格行选中时高亮显示

Posted

篇首语:我们越是忙越能强烈地感到我们是活着,越能意识到我们生命的存在。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 jquery实现带单选按钮的表格行选中时高亮显示相关的知识,希望对你有一定的参考价值。

如果将选中的这条记录的行高亮显示 同时该行的单选按钮也被选中了 这样会提高用户的体验的 于是本文下了个示例 有需要的朋友可以参考下  

  上篇博客写的是复选框的 这次写的是单选框的 有时查询的时候 只能选择一条记录 如果将选中的这条记录的行高亮显示 同时该行的单选按钮也被选中了 这样会提高用户的体验的 如今的时代 就是用户体验的时代 效果如下 CSS文件如下如下所示

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

   这次的js文件的代码就变得更简单了 如下所示

复制代码 代码如下: /** * 设置含有单选按钮的表格的背景颜色 */ $(document) ready(function() /** * 表格单击的时候改变背景色 */ $("#tablight tr:gt( )") click(function() //获取第 行及以后的 $(this) addClass("selected") siblings() removeClass("selected") end() find(":radio") attr("checked" true); ); ); cha138/Article/program/Java/JSP/201311/20398

相关参考

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

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

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

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

知识大全 基于jquery显示隐藏按钮实现代码

<!DOCTYPEPUBLIC"//WC//DTDXHTMLTransitional//EN""/DTD/xtransitionaldtd"><xmlns=""><hea

知识大全 jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换

jquery实现隐藏显示层动画效果仿新浪字符动态输入tab效果等等以下为所有代码感兴趣的朋友可以练练手哈希望对大家学习有所帮助   已经有两年多没登陆csdn账号了中间做了些旁的事可是现在却

知识大全 struts使用单选按钮的三种方式

  struts中使用单选按钮有三种方式  使用<:option>标签  <:selectproperty=city>  <:optionvalue=>北京市<

知识大全 JQuery表格内容过滤的实现方法

JQuery表格内容过滤的实现方法  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!使用JQuery实

知识大全 JQuery实现表格中相同单元格合并示例代码

JQuery实现表格中相同单元格合并示例代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!一定要注

知识大全 Jquery倒数计时按钮setTimeout的实例代码

Jquery倒数计时按钮setTimeout的实例代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧

知识大全 jquery如何设置按钮的disabled属性

$(#button)attr(disabled"true");添加disabled属性$(#button)removeattr("disabled");移除disabled属性在标签中设置按钮被禁用可

知识大全 jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果

jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下