小编Nic*_*oni的帖子

在 Jquery 中触发复选框更改类

我是 jQuery 的新手。我正在尝试使用复选框制作切换器。此刻我已经走到这一步

$(function() {
  $('input.cbx').on('change', function() {
    if ($(this).prop("checked", true)) {
      $('body').addClass('dark');
    } else if ($(this).prop("checked", false)) {
      $('.body').addClass('light');
    }
  });
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id="dn" type="checkbox" class="cbx hidden" />
<label for="dn" class="lbl"></label>
Run Code Online (Sandbox Code Playgroud)

如您所见,第一次单击后复选框保持选中状态,我想这是一个菜鸟的情况,但是,您能帮帮我吗?

javascript checkbox jquery triggers

3
推荐指数
1
解决办法
7944
查看次数

标签 统计

checkbox ×1

javascript ×1

jquery ×1

triggers ×1