时间:2021-05-26
本文实例为大家分享了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>以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了js实现商品筛选功能的具体代码,供大家参考,具体内容如下应用场景:商品筛选Document*{margin:0;padding:0;list
简介对于combox功能实现的最小化js代码,页面原型参考dojo的combox模样,支持键盘动作以及自动筛选,高亮等API初始化方法编码方式varc=newc
本文实例讲述了JS实现table表格内针对某列内容进行即时搜索筛选功能。分享给大家供大家参考,具体如下:往往有些时候,我们把数据从数据库读取出来,显示到tabl
使用element-uitable组件的筛选功能的一个小坑使用自定义模板和筛选功能,一开始的代码显示不显示已处理未处理然后发现筛选功能怎么都不能实现,上网查找原
筛选出符合条件的数据,可以使用高级筛选功能实现。其操作步骤: 1、打开该表、在空白填写条件、打开高级筛选; 2、选择将筛选结果复制到其他位置; 3、列表区