Javascript JQuery-如何更改不同切换按钮的颜色？

我有3个不同的切换按钮，希望了解如何使用id（cb1、cb2、cb3）更改3个切换按钮的背景色，以便每个按钮（选中时）具有不同的颜色。让我知道如何使用jquery来完成它

<style>
input#cb1:checked+.slider {
  background-color: #2196F3;
}

input#cb2:checked+.slider {
  background-color: #96F321;
}

input#cb3:checked+.slider {
  background-color: #F32196;
}
</style>

<label class="switch">
  <input type="checkbox" id="cb1">
  <span class="slider"></span>
</label>

<label class="switch">
  <input type="checkbox" id="cb2">
  <span class="slider"></span>
</label>

<label class="switch">
  <input type="checkbox" id="cb3">
  <span class="slider"></span>
</label>

---

在css中，可以通过元素的ID引用元素，例如

#cb1 + .slider

如果要保留输入部分，它是

element#id

，例如

input#cb1

更新的代码段示例：

输入：选中+滑块{
背景色：#2196F3；
}
.滑块{
背景色：黑色；
}
输入#cb1：选中+.滑块{
背景色：#2196F3；
}
输入#cb2：选中+.滑块{
背景色：#96F321；
}
输入#cb3：选中+.滑块{
背景色：#F32196；
}

替换

输入：已选中带有特定id的

？您尝试了哪些，哪些不起作用？看起来您根本没有编写JavaScript，所以您需要从这里开始。您可以响应

change

事件，并使用jQuery设置目标元素的CSS值，任何关于jQuery的介绍性教程都应该能够让您开始了解这一点。“让我知道如何使用jQuery完成它”-为什么要/需要jQuery？通过css处理得很好。我需要使用jquery，因为每次用户单击某些按钮时，复选框的颜色都需要更改。那么，问题是什么？您的回答是什么？@freedomn-m谢谢您的回答，它对我很有用，但我想知道如何使用id更改每个切换按钮，如果可能，请告诉我？

#cb1 + .slider