快捷導(dǎo)航

jsp網(wǎng)頁搜索結(jié)果中實現(xiàn)選中一行使其高亮

更新時間：2014年02月17日 10:24:33 作者：

在做搜索結(jié)果時為了好看需要將選中的行變的高亮些，下面有個不錯的示例,需要的朋友可以參考下

我在做搜索結(jié)果時，為了好看需要將選中的行變的高亮些，我使用了一個onclick 事件：

 
var assno=""; 
function check(obj,che,rwid){ 
if(obj.checked==true){ 
document.getElementById(rwid).style.background ="blue"; 
assno=document.getElementById(che).value; 
alert(assno); 
} 
} 

這是網(wǎng)頁中動態(tài)生成的html代碼：

復(fù)制代碼代碼如下:

 
out.println("<tr id="+idrow+"><td align=/"center/"><input type=/"checkbox/" onclick=/"check(this,'"+par+"','"+idrow+"');/"/></td>"); 

out.println("<td id=/""+par+"/"align=/"center/" value=/""+Info.getAssetsNo()+"/">"+Info.getAssetsNo()+"</td>"); 
out.println("<td align=/"center/">"+Info.getSerialNo()+"</td>"); 
out.println("<td align=/"center/">"+Info.getAssetsName()+"</td>"); 
out.println("<td align=/"center/">"+Info.getAssetsClass()+"</td>"); 
out.println("<td align=/"center/">"+Info.getCgTime()+"</td>"); 
out.println("<td align=/"center/">"+Info.getGbTime()+"</td>"); 
out.println("<td align=/"center/">"+Info.getConfigInfo()+"</td>"); 

您可能感興趣的文章:

相關(guān)文章

淺談JavaScript中的String對象常用方法
這篇文章主要介紹了JavaScript中的String對象常用方法,非常簡單實用，有需要的小伙伴參考下
2015-02-02
Chart.js功能與使用方法小結(jié)
這篇文章主要介紹了Chart.js功能與使用方法,結(jié)合實例形式分析了Chart.js功能、使用方法及操作注意事項,需要的朋友可以參考下
2020-04-04
javascript控制swfObject應(yīng)用介紹
本文將詳細(xì)介紹js控制swfObject的實現(xiàn)方法，需要了解的朋友可以參考下
2012-11-11
Layui表格行內(nèi)動態(tài)編輯數(shù)據(jù)
本文主要介紹經(jīng)典前端框架 layui 中的動態(tài)表格數(shù)據(jù)操作，結(jié)合 JQuery 動態(tài)編輯單元格中的數(shù)據(jù)，具有一定的參考價值，感興趣的可以了解一下
2021-08-08
canvas?2d?環(huán)形統(tǒng)計圖手寫實現(xiàn)示例
這篇文章主要為大家介紹了canvas?2d?環(huán)形統(tǒng)計圖手寫實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-04-04
javascript實現(xiàn)圖片輪播簡單效果
這篇文章主要為大家詳細(xì)介紹了javascript實現(xiàn)圖片輪播簡單效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07
JavaScript仿京東秒殺倒計時
這篇文章主要為大家詳細(xì)介紹了JavaScript仿京東秒殺倒計時，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-03-03
ES6新特性五：Set與Map的數(shù)據(jù)結(jié)構(gòu)實例分析
這篇文章主要介紹了ES6新特性五之Set與Map的數(shù)據(jù)結(jié)構(gòu),結(jié)合實例形式分析了ES6中Set與Map的功能、定義、屬性、結(jié)構(gòu)與相關(guān)使用技巧,需要的朋友可以參考下
2017-04-04
js前端技巧之圖片格式轉(zhuǎn)換(File、Blob、base64)
這篇文章主要給大家介紹了關(guān)于js前端技巧之圖片格式轉(zhuǎn)換(File、Blob、base64)的相關(guān)資料,主要記錄一下比較常見的圖片格式（File、Blob、base64）在不同的場景他們之間的相互轉(zhuǎn)換的方法,需要的朋友可以參考下
2023-04-04
基于PHP pthreads實現(xiàn)多線程代碼實例
這篇文章主要介紹了基于PHP pthreads實現(xiàn)多線程代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2020-06-06