我正在尝试制作一个切换开关，它会在切换时从图像中消失颜色。我被引导到一个帮助我进行切换的教程，但它都是css，因此没有为每个使用的单个开关创建一个新的类名，我无法重复使用它（我知道） 允许我多次使用此切换的最佳js或jquery是什么。
问题在于，当我点击任何一个开关时，它总是只为第一个开关动画。
<div class="switch">
<input id="cmn-toggle-7" class="cmn-toggle cmn-toggle-yes-no" type="checkbox">
<label for="cmn-toggle-7" data-on="Color" data-off="B&W"></label>
</div>
答案 0 :(得分：1)
由于每个复选框都有相同的ID，并且每个标签都有相同的for属性，因此切换开关都指向第一个复选框。
每个切换开关都需要有不同的id和相应的for。
这是一个更新的小提琴：https://jsfiddle.net/757vnetp/1/