jQuery toggleclass 按钮动作到复选框动作答案

【问题标题】：jQuery toggleclass Button action to Checkbox actionjQuery toggleclass 按钮动作到复选框动作
【发布时间】：2020-02-29 15:11:25
【问题描述】：

您好，我使用 Wordpress 和主题构建器 DIVI 的代码。我是 JS 和 jQuery 的真正菜鸟初学者。该代码提供了在按下按钮时具有夜间模式的功能。我在 Codepen 上找到了一个自定义切换开关按钮，我喜欢它，我很想将它用于下面的代码。此 JQuery 代码用于按钮操作“单击”，但我很想自定义它以响应“复选框”。是否可以使用复选框制作切换类？

这里是链接：Link off the website

<script type="text/javascript">
jQuery(document).ready(function() {
// Hide the div
jQuery('#rv_button').click(function(e){
e.preventDefault();jQuery(".reveal").toggleClass('light dark', 1000);
jQuery('#rv_button').toggleClass('opened closed');
});
});
</script>

【问题讨论】：

您好 Jim，绝对可以使用复选框切换类。您能否分享一下您为构建 React 版本所采取的步骤，以便我们进行迭代并找出答案？

标签： jquery html wordpress checkbox

【解决方案1】：

你看起来像这样吗？

<style>
.light{
  background:red;
}
.dark{
  background:green;
}
</style>

<div class="container">
  <div class="row">
    <input type="checkbox" class="checkboxdav" id="customCheck1"><span class="color_code dark">Checkbox</span>   
  </div>
</div>

</body>
<script>
 $(document).ready(function() {
  $(".checkboxdav").on("click", function(e) {
      $(".color_code").toggleClass('light dark');
  });
});
</script>

【讨论】：