本文实例为大家分享了js实现筛选功能的具体代码,供大家参考,具体内容如下
功能
代码
js
※需 jQuery。
function filter() { var check =document.getElementById('checkbox'); var members = $('.member'); var status = $('.memberStatus'); if (check.checked) { members.each(function(i, member) { if (status[i].innerText == 'Offline') { member.style.display = 'none'; } }); } else { members.each(function(i, member) { member.style.display = ''; }); } }
html
<input type="checkbox" name="onlineOnly" tabindex="0" id="checkbox" onclick="filter()"> <span>Show online users only</span> <table> <tr class="member"> <td> UserA </td> <td class="memberStatus"> Online </td> </tr> <tr class="member"> <td> UserB </td> <td class="memberStatus"> Offline </td> </tr> <tr class="member"> <td> UserC </td> <td class="memberStatus"> Online </td> </tr> </table>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持站长技术。
申明资料来源于网络及书本通过理解、实践、整理成学习笔记。 文章目录 测试环境...
文章目录 一、命令大全 二、上传 1、-mkdir 创建文件夹 2、 -moveFromLocal 从本...
Mysql数据库三——mysql索引相关知识 一、索引的概念 二、索引的优缺点 1、优点 ...
思路 使用正则式 "(?x) (?: [\w-]+ | [\x80-\xff]{3} )"获得utf-8文档中的英文单...
一:首先进入项目目录中安装 install vue-awesome-swiper@2.6.7 --save 二.使用 ...
本文转载自网络,原文链接:https://mp.weixin.qq.com/s/-Eftrp2yKh3-bPrD5NX2lQ...
问题: 我在 Vue 中有一个 form 表单,用于上传博客帖子,它有标题、正文、描述...
394 基于Loihi计算架构的神经拟态计算 2020年4月9日英特尔中国研究院院长宋继强...
安装 打开VS2017: 工具 -- 扩展和更新 -- 联机,搜索Microsoft Visual Studio 2...
MySQL 8正式版8.0.11已发布,官方表示MySQL8要比MySQL 5.7快2倍,还带来了大量的...