js实现table中前端搜索(模糊查询)

最新推荐文章于 2023-07-03 13:25:01 发布

weixin_30920513

最新推荐文章于 2023-07-03 13:25:01 发布

阅读量2.1k

点赞数 1

文章标签：前端 javascript java ViewUI

原文链接：http://www.cnblogs.com/haha12/p/4704848.html

版权

本文介绍了如何使用JavaScript在前端实现表格的搜索功能，特别是针对姓名的模糊查询。通过遍历表格行并检查指定列的内容，对匹配的行设置显示，不匹配的行隐藏。同时还提到了一个包含Java、Redis等技术的免费资料领取链接。

摘要由CSDN通过智能技术生成

项目中用到js前端搜索功能，根据姓名或姓名进行搜索，实现方法如下，遍历table所有行中的某列，符合条件则置tr为display:'',不满足条件置tr为display:none。

代码如下：

    <html>  
    <head> 
        <title>s表格前端搜索</title>
        <meta http-equiv="Content-Type" content="text/html;charset=GBK"/>        
    </head>  
    <body>  
    <h1>js表格前端搜索</h1>
    
    <label> <input type="radio" name="sex" value="男" onclick="onSearch(this.value,2)"/>男 </label>
    <label><input type="radio" name="sex" value="女" onclick="onSearch(this.value,2)"/>女 </label>
    
        <table id<

最低0.47元/天解锁文章

weixin_30920513

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
js实现table中前端搜索(模糊查询)

项目中用到js前端搜索功能，根据姓名或姓名进行搜索，实现方法如下，遍历table所有行中的某列，符合条件则置tr为display:'',不满足条件置tr为display:none。代码如下： <html> <head> <title>s表格前端搜索</title> ...
复制链接

扫一扫