js网页搜索结果选中一行高亮显示

发布时间:2020-10-08编辑:脚本学堂
分享下在搜索结果中将选中的行变的高亮些,有需要的朋友参考下。

在做搜索结果时,为了好看需要将选中的行变的高亮些,使用了一个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);
}
}

网页中动态生成的html代码:
 

复制代码 代码示例:

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>");

如此便完成了网页搜索中选中一行使其高亮的效果。