jsp网页搜索结果中实现选中一行使其高亮

 更新时间:2014年02月17日 10:24:33   作者:  
在做搜索结果时为了好看需要将选中的行变的高亮些,下面有个不错的示例,需要的朋友可以参考下
我在做搜索结果时,为了好看需要将选中的行变的高亮些,我使用了一个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>");

相关文章

  • javascript用户注册提示效果的简单实例

    javascript用户注册提示效果的简单实例

    这个可以增加用户验证,不用js alert来作提示,而是在右边提示,现在很多网站都这样做,有需要的朋友可以参考一下
    2013-08-08
  • 原生JS实现拖拽照片墙

    原生JS实现拖拽照片墙

    这篇文章主要为大家详细介绍了原生JS实现拖拽照片墙,实现照片互换位置,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • 基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享

    基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享

    基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享,需要的朋友可以参考一下
    2013-06-06
  • JavaScript中清空数组的三种方式

    JavaScript中清空数组的三种方式

    本文主要介绍了JavaScript中清空数组的三种方式。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • javascript实现页面刷新时自动清空表单并选中的方法

    javascript实现页面刷新时自动清空表单并选中的方法

    这篇文章主要介绍了javascript实现页面刷新时自动清空表单并选中的方法,涉及javascript中reset与focus方法的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • 全面了解构造函数继承关键apply call

    全面了解构造函数继承关键apply call

    下面小编就为大家带来一篇全面了解构造函数继承关键apply call。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • 第九篇Bootstrap导航菜单创建步骤详解

    第九篇Bootstrap导航菜单创建步骤详解

    这篇文章主要介绍了Bootstrap导航菜单创建步骤详解的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • 微信小程序中正确使用地图的方法实例

    微信小程序中正确使用地图的方法实例

    微信小程序诞生之初,功能受限于小程序的理念,微信小程序要体现轻量级的应用特点,但在随后不断更新中,API接口很好的为小程序赋能,使其可以在不影响本质的情况下实现完善功能,这篇文章主要给大家介绍了关于微信小程序中正确使用地图的相关资料,需要的朋友可以参考下
    2021-09-09
  • window.location.href和window.open窗口跳转区别解析

    window.location.href和window.open窗口跳转区别解析

    这篇文章主要为大家介绍了window.location.href和window.open 跳转区别解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • uniapp实现日期时间选择器

    uniapp实现日期时间选择器

    这篇文章主要为大家详细介绍了uniapp实现日期时间选择器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10

最新评论