如何使用原生JavaScript实现一个筛选功能

这期内容当中小编将会给大家带来有关如何使用原生JavaScript实现一个筛选功能,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

<强>功能

通过复选框对显示内容进行筛选,如勾,选后仅显示在线用户。

<强>代码

js

※需、jQuery。

函数过滤(){
　　var检查=. getelementbyid(& # 39;复选框# 39;);=$ var成员(& # 39;.member& # 39;);=$ var状态(& # 39;.memberStatus& # 39;);
　　如果(check.checked) {
　　成员。每个(函数(我,成员){
　　如果状态[我]。innerText==& # 39;实现离线# 39;){
　　member.style。=& # 39;显示没有# 39;;
　　}
　　});
　　其他}{
　　成员。每个(函数(我,成员){
　　member.style。显示=& # 39;& # 39;;
　　});
　　}
　　}