国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 22:28:32
字體:
來源:轉載
供稿:網友
上篇博客寫的是復選框的,這次寫的是單選框的,有時查詢的時候,只能選擇一條記錄,如果將選中的這條記錄的行高亮顯示,同時該行的單選按鈕也被選中了,這樣會提高用戶的體驗的。如今的時代,就是用戶體驗的時代。

效果如下:
CSS文件如下如下所示:
復制代碼 代碼如下:

.selected{
background:#FF6500;
color:#fff;
}:

這次的js文件的代碼就變得更簡單了,如下所示:
復制代碼 代碼如下:

/**
* 設置含有單選按鈕的表格的背景顏色
*/
$(document).ready(function()
{
/**
* 表格單擊的時候改變背景色
*/
$("#tablight tr:gt(0)").click(function() //獲取第2行及以后的
{
$(this).addClass("selected").siblings().removeClass("selected").end().find(":radio").attr("checked",true);
});
});

如果想要使代碼生效,需要給表格加上id屬性,屬性值為“tablight”。這個一旦做好了,只要在用的時候引用這兩個文件就行了。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 安阳县| 汉源县| 赣州市| 镇远县| 丰台区| 长治县| 余庆县| 焦作市| 治多县| 双牌县| 滦平县| 天镇县| 故城县| 凉山| 穆棱市| 兴国县| 锡林郭勒盟| 遂川县| 苏尼特左旗| 南陵县| 罗定市| 屏东市| 普格县| 新绛县| 遂平县| 米易县| 长泰县| 安康市| 太仓市| 杨浦区| 垦利县| 庆元县| 福建省| 治多县| 威海市| 苗栗县| 古田县| 汝南县| 洪泽县| 荃湾区| 文成县|