如果将选中的这条记录的行高亮显示
同时该行的单选按钮也被选中了
这样会提高用户的体验的
于是本文下了个示例
有需要的朋友可以参考下
上篇博客写的是复选框的这次写的是单选框的有时查询的时候只能选择一条记录如果将选中的这条记录的行高亮显示同时该行的单选按钮也被选中了这样会提高用户的体验的如今的时代就是用户体验的时代
效果如下
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);
});
});
如果想要使代码生效需要给表格加上id属性属性值为“tablight”这个一旦做好了只要在用的时候引用这两个文件就行了
