如果將選中的這條記錄的行高亮顯示
同時該行的單選按鈕也被選中了
這樣會提高用戶的體驗的
於是本文下了個示例
有需要的朋友可以參考下
上篇博客寫的是復選框的這次寫的是單選框的有時查詢的時候只能選擇一條記錄如果將選中的這條記錄的行高亮顯示同時該行的單選按鈕也被選中了這樣會提高用戶的體驗的如今的時代就是用戶體驗的時代
效果如下
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”這個一旦做好了只要在用的時候引用這兩個文件就行了
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20398.html
