jQuery-复选框附加输出的动态背景

如何使每个

标记

采用其关联的

复选框

的

数据颜色

现在它会更改所有标记的颜色

$（“输入”）。在（“单击”）上，函数（e）{
var tagColor=$（this.attr（“数据颜色”）；
var标记=``；
如果（$（this）.is（“.chk”））{
$（“.chks”）.empty（）；
$（“.chk:checked”）。每个（函数（）{
$（标签）
.附录（“.chks”）
.attr（“数据标记“，$（this）.val（））
.css（“背景”，标记颜色）
.val（$（this.val（））；
});
}否则{
返回false；
}
});
。选择{
边框：1px实心；
高度：50px；
显示器：flex；
对齐项目：居中
}
.标签{
显示器：flex；
对齐项目：居中
}
output.tag{
颜色：白色；
边界半径：9px；
保证金：0.3雷姆；
填充：0.9雷姆；
}

一个
两个
三
以下修改的代码应该可以工作


$（“输入”）。在（“单击”）上，函数（e）{
变量容器=$（“.chks”）
var标记=``；
if（$（this）.hasClass（“chk”））{
container.empty（）
$（“input.chk:checked”）。每个（函数（索引）{
var tagColor=$（this.attr（“数据颜色”）；
$（标签）
.appendTo（容器）
.attr（“数据标记“，$（this）.val（））
.css（“背景”，标记颜色）
.val（$（this.val（））；
});
}否则{
返回false；
}
});
。选择{
边框：1px实心；
高度：50px；
显示器：flex；
对齐项目：居中
}
.标签{
显示器：flex；
对齐项目：居中
}
output.tag{
颜色：白色；
边界半径：9px；
保证金：0.3雷姆；
填充：0.9雷姆；
}

一个
两个
三
以下修改的代码应该可以工作


$（“输入”）。在（“单击”）上，函数（e）{
变量容器=$（“.chks”）
var标记=``；
if（$（this）.hasClass（“chk”））{
container.empty（）
$（“input.chk:checked”）。每个（函数（索引）{
var tagColor=$（this.attr（“数据颜色”）；
$（标签）
.appendTo（容器）
.attr（“数据标记“，$（this）.val（））
.css（“背景”，标记颜色）
.val（$（this.val（））；
});
}否则{
返回false；
}
});
。选择{
边框：1px实心；
高度：50px；
显示器：flex；
对齐项目：居中
}
.标签{
显示器：flex；
对齐项目：居中
}
output.tag{
颜色：白色；
边界半径：9px；
保证金：0.3雷姆；
填充：0.9雷姆；
}

一个
两个
三