熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

jquery實現帶單選按鈕的表格行選中時高亮顯示

2013-11-15 12:08:55  來源: JSP教程 
如果將選中的這條記錄的行高亮顯示同時該行的單選按鈕也被選中了這樣會提高用戶的體驗的於是本文下了個示例有需要的朋友可以參考下  

  上篇博客寫的是復選框的這次寫的是單選框的有時查詢的時候只能選擇一條記錄如果將選中的這條記錄的行高亮顯示同時該行的單選按鈕也被選中了這樣會提高用戶的體驗的如今的時代就是用戶體驗的時代

效果如下
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
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.