复选框数据回显因为两个forEach循环导致数据重负

最新推荐文章于 2024-01-15 02:52:58 发布
最新推荐文章于 2024-01-15 02:52:58 发布
阅读量496 收藏 1
点赞数
分类专栏： 前端 踩坑 JavaScript 文章标签： html js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42684504/article/details/107863700
版权
JavaScript 同时被 3 个专栏收录
25 篇文章 1 订阅
订阅专栏
前端
24 篇文章 0 订阅
订阅专栏
踩坑
14 篇文章 0 订阅
订阅专栏

今天在搞一个标签功能，一对多。所以就用复选框搞。可是前端真的对我来说。。。。。。。。
真的是一点点摸索~
先放一小部分截图吧~
在这里插入图片描述
在这里插入图片描述

现在是想要让在添加标签页面能有个默认值。就是数据回显。因为它本身是有值的。需要让用户客观的知道哪些标签还没有呗选择。

但是…
想要回显的话 就面不了两个foreEach循环嵌套：
在这里插入图片描述
这一嵌套数据就重复了。

在这里插入图片描述

咳咳~~ 实在是不太精通前端！ 如果是我哪里操作失误了。麻烦告知 ~
我试了很多的方法，多没有办法规避这个重复的问题。
最后想着只写一层循环 在js中给input标签添加 checked 属性。。。。。。。。
就这样了，先上代码截图：
在这里插入图片描述
js：
在这里插入图片描述

回显效果图：

在这里插入图片描述
解决了~~
咳咳 ~ 前端大佬清点喷~ 毕竟非专业

散装程序猿
关注
专栏目录
VUE+Layui 复选框：回显、禁用效果
夏已微凉、
07-18 879
VUE+Layui 复选框：回显、禁用效果
easyui CheckBox Tree 复选框实现数据回显
dsa572713470的博客
04-29 1505
关键点： 回显前，把以前回显的数据清除 //先将回显数据全部清除（重点方法） //获取所有选中节点 var nodes = $('#tt').tree('getChecked'); //遍历，选中的都不选中 for(var i=0; i<nodes.length; i++){ console.info('nodes[...
JS动态添加元素及绑定事件造成程序重复执行解决
10-18
主要给大家介绍了关于JS动态添加元素及绑定事件造成程序重复执行的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
bat从数组中找出相同数字并删除_Leetcode12 剑指 Offer 03. 数组中重复的数字
weixin_39918588的博客
11-22 190
题目找出数组中重复的数字。在一个长度为 n 的数组 nums 里的所有数字都在 0～n-1 的范围内。数组中某些数字是重复的，但不知道有几个数字重复了，也不知道每个数字重复了几次。请找出数组中任意一个重复的数字。限制：2 <= n <= 100000 ...
es6使用foreach（）和find（）添加数据到全局数组，数据被重复添加
weixin_43989837的博客
09-16 694
bug说明，下图只点击了3次添加，但是出来了8条数据 代码：**造成原因：**每次用foreach（）；find（）等进行数组遍历的时候他是不能使用break等跳出循环遍历的，所以每次都会多添加几条 **解决方法：**直接用set（）去重，或者改用es5中的for switch循环。 moreLUNAdd(formName) { // 多语言添加按钮 this.$refs[formName].validate((valid) => { if (valid)
双重<c:forEach>循环，下拉显示重复
weixin_34185364的博客
05-06 196
2019独角兽企业重金招聘Python工程师标准>>> ...
嵌套双重c:forEach，下拉框显示时重复
FanJizhi的博客
06-15 3759
修改前代码： 修改前效果： 修改后代码： 修改后效果： 问题解决方案： 第一层循环内使用c:set声明一个变量，为变量声明一个默认值，第二层循环内做条件判断如果条件一致，为变量修改默认值（默认值=0），第二层循环完后，根据变量进行判断，假设变量默认等于1正常输出，假设默认值等于0，输出想要输出的效果
layui表格数据复选框回显设置方法
10-16
总的来说，要实现layui表格数据复选框的回显设置，我们需要利用`table.render`的`done`回调，在数据加载完成后根据数据状态触发复选框的点击事件，以达到回显效果。这种方法可以避免layui框架自身的限制，保证用户...
thymeleaf 复选框回显_Thymeleaf+layui+jquery复选框回显
weixin_39657249的博客
12-22 513
一、Thymeleaf+layui+jquery复选框回显基于Thymeleaf模板下的layui+jquery复选框回显，主要是jquery。大致意思是：把数组转成JSON传到前台，再在前台转回数组AJAX一般都是用JSON格式或XML格式来传递数据的JSON就是一种具有特殊格式的字符串。1.实体类属性1 //顾客等级2 private Integer[] constomerGradeArra...
<c:foreach>标签循环嵌套重复显示的问题
yili0000a的博客
11-28 5253
项目需要用到两个标签进行一个循环的重合判断，之前一直会重复显示很多东西，百度了一下，配合fn标签和使用刚好可以解决这个问题 所属群组： checked="checked"/>${ groups.name }
EL表达式两个foreach嵌套循环
热门推荐
Thankdj
09-20 1万+
注意：两个foreach，不能同时出现var ${i.count}.${item.content} ${riskEvaSelectItemLists.get(i.count-1).get(j.count-1).itemContent} 注意：javascript中默认加分默认为字符串相加，必须转换为parseInt()
foreach双重嵌套无法正常对数据进行操作的问题
weixin_45927968的博客
08-04 975
foreach双重嵌套为数组内对象赋值失败问题
js foreach循环报错问题
波子汽水
03-13 4371
js中foreach 循环的坑 使用continue 会报错Uncaught SyntaxError: Illegal continue statement 解决办法 使用 return; 或者 return true; 来代替 continue 语句； 使用 return false; 来代替 break 语句； 参考 http://blog.csdn.net/likeflower95...
两个forEach数据遍历相同的数据在复选框打钩jsp页面复选框更具传过来的数据勾选
10-11 1438
jsp页面：teleComList   selectList  都是List&lt;String&gt;  是后台传递给前台的数据 &lt;c:forEach items="${teleComList}" var="list" varStatus="state"&gt; ...
//后端返回重复数据，这里是去重或处理 es6 双重循环基础
zhangyubababa的博客
01-16 694
var arr2 = res.Images.filter((x, index, self) => {//后端返回重复数据，这里是去重 var arrids = [] res.Images.forEach((item, i) => { arrids.push(item.Id)这里可以做返回的item 每个数据的处理，增减字段 })
利用js实现input属性中的checked全选，不选与反选
最新发布
2201_75368306的博客
01-15 633
全选</button>/*设置按钮*/<button id="second">全不选</button><button id="third">反选编号</li><li>操作</li><li>科目</li><li>价格</li><li>科目</li><li>价格</li><li>科目</li><li>价格</li><li>科目
JS循环创建复选框checkbox
Jalen备忘录
08-04 5870
场景：在做一款手机app的gps数据采集后台项目时，需要在规定的时间频率内采集一次用户的位置信息，这里分为两个配置页面（对应两张表），一个是当天时间段设置表，一个是有效时间段和频率设置表，他们之间是多对一的关系。即在一个有效期期间可以包含多个采集时间段，这就需要创建多个复选框来实现相应的业务。 document.write(''); for(var i=0;i<3;i++){ document.
el-table多选回显以及避免重复选择问题
qq_32332433的博客
10-27 2169
注意: :row-key=“getRowKeys” 和 reserve-selection="true"是必须的，设置rowSelectFlag避免重复选择。
数组去重的js实现方式
wzp20092009的博客
11-20 763
1. 双重for循环去重 双重for循环 + push方法 利用双重for循环，外层循环获取没有重复的值放入新数组，内层循环检测到有重复元素时终止循环同时进入顶层循环的下一轮判断 function dealRepetition(originArr){ var result = []; var length = originArr.length; // 遍历数组中所有元素 for(var ...
elementui多选框 数据回显
09-18
elementui多选框的数据回显可以通过v-model属性来实现。具体的步骤如下： 首先，在data中定义一个数组，用于存储选中的多选框的值。例如：selectedOptions: []。 然后，在多选框组件中，使用v-model指令绑定上述...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

散装程序猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值