JS控制对应数据隐藏

news/2025/1/10 13:37:35/

首先需要获得到所有的input框,并声明一个空对象来存放,遍历所有的复选框,将他们中选中的放入对象,并设置键值为true,然后执行checkFalseValues(result)函数

javascript">function hideItem() {let checkboxes = $('.setting_box input[type="checkbox"]');let result = {};checkboxes.each(function () {let name = $(this).attr("name");let checked = $(this).prop("checked");result[name] = checked;});checkFalseValues(result);
}

 利用for in循环result中的所有,将其转换为字符串赋值给一个变量,将所有的项目全部都显示,同时判断当其存在且其中的值为FALSE的时候,将对应的项消失掉,一开始因为拼接的问题一直获取不到,后续更改了一下拼接即可

javascript">function checkFalseValues(result) {for (let k in result) {let elements = k.toString();$(`${`.` + elements}`).css("display", "block");if (result.hasOwnProperty(k) && result[k] === false) {let elements = k.toString();$(`${`.` + elements}`).css("display", "none");}}
}


http://www.ppmy.cn/news/1561985.html

相关文章

(二)最长公共子序列、最长上升子序列、最大子段和、三角形最小路径和、矩阵连乘、0-1背包

最近刚考完算法设计分析课的考试,复习总结一下期末考试的几道算法题吧 目录 LCR 095. 最长公共子序列 300. 最长递增子序列 53. 最大子数组和 LCR 100. 三角形最小路径和 矩阵连乘问题 0-1背包 LCR 095. 最长公共子序列 给定两个字符串 text1 和 text2&#xff…

【linux进程间通信(1)】匿名管道和命名管道

目录 前言1. 进程间通信的方法2. 管道的简单介绍3. 匿名管道4. 命名管道5. 总结 前言 众所周知,进程运行是具有独立性的,想要进程间进行通信就要打破这种独立性,而进程间通信的本质其实是让不同的进程看见同一份资源! 本章重点: 本篇文章会介绍进程间通信中常见的几种方式,并…

Kubernetes Gateway API-4-TCPRoute和GRPCRoute

1 TCPRoute 目前 TCP routing 还处于实验阶段。 Gateway API 被设计为与多个协议一起工作,TCPRoute 就是这样一个允许管理TCP流量的路由。 在这个例子中,我们有一个 Gateway 资源和两个 TCPRoute 资源,它们按照以下规则分配流量&#xff1…

Node.js——path(路径操作)模块

个人简介 👀个人主页: 前端杂货铺 🙋‍♂️学习方向: 主攻前端方向,正逐渐往全干发展 📃个人状态: 研发工程师,现效力于中国工业软件事业 🚀人生格言: 积跬步…

高级java每日一道面试题-2025年01月04日-并发篇-说说CyclicBarrier和CountDownLatch的区别?

如果有遗漏,评论区告诉我进行补充 面试官: 说说CyclicBarrier和CountDownLatch的区别? 我回答: 在Java高级面试中,CyclicBarrier和CountDownLatch是两个经常被提及的并发工具类,它们都用于实现线程间的同步,但存在显著的区别。以下是对这…

深度学习中的卷积和反卷积(二)——反卷积的介绍

1 简介 反卷积(deconvolution)又称转置卷积,是卷积的拟操作,常用于GAN等模型中。反卷积是上采样的一种,上采样是指将特征图维度恢复到原始图的维度,这种增大维度的过程被称为上采样。上采样可以用插值或反…

linux音视频采集技术: v4l2

简介 在 Linux 系统中,视频设备的支持和管理离不开 V4L2(Video for Linux 2)。作为 Linux 内核的一部分,V4L2 提供了一套统一的接口,允许开发者与视频设备(如摄像头、视频采集卡等)进行交互。无…

毕业项目推荐:基于yolov8/yolov5/yolo11的动物检测识别系统(python+卷积神经网络)

文章目录 概要一、整体资源介绍技术要点功能展示:功能1 支持单张图片识别功能2 支持遍历文件夹识别功能3 支持识别视频文件功能4 支持摄像头识别功能5 支持结果文件导出(xls格式)功能6 支持切换检测到的目标查看 二、数据集三、算法介绍1. YO…