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

今天在搞一个标签功能,一对多。所以就用复选框搞。可是前端真的对我来说。。。。。。。。
真的是一点点摸索~
先放一小部分截图吧~
在这里插入图片描述
复选框数据回显因为两个forEach循环导致数据重负_第1张图片

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

但是…
想要回显的话 就面不了两个foreEach循环嵌套:
复选框数据回显因为两个forEach循环导致数据重负_第2张图片
这一嵌套数据就重复了。

复选框数据回显因为两个forEach循环导致数据重负_第3张图片

咳咳~~ 实在是不太精通前端! 如果是我哪里操作失误了。麻烦告知 ~
我试了很多的方法,多没有办法规避这个重复的问题。
最后想着只写一层循环 在js中给input标签添加 checked 属性。。。。。。。。
就这样了,先上代码截图:
在这里插入图片描述
js:
复选框数据回显因为两个forEach循环导致数据重负_第4张图片

回显效果图:

复选框数据回显因为两个forEach循环导致数据重负_第5张图片
解决了~~
咳咳 ~ 前端大佬清点喷~ 毕竟非专业

你可能感兴趣的:(前端,踩坑,JavaScript)