Question

所以我试图围绕这个脚本。我还不是最好的JavaScript和jQuery，但我正在努力学习。

<script>
  var link = $("#to-toggle");
  $("#toggle").on("change", function() {
    if (this.checked) {
      .addClass("active");
      link.attr("href", link.data("href"));
    } else {
      .removeClass("active");
      link.removeAttr("href");
    }
  });
</script>

在我添加.addClass和.removeClass之前，它运行正常，但是当我的复选框被选中/取消选中时，我似乎也无法进行切换。< / p>

非常感谢任何帮助。

Answer 1

您忘记了将课程添加到/从中删除的位置---＆gt; link：

if(this.checked) {
    link.addClass("active");
    link.attr("href", link.data("href"));
} else {
    link.removeClass("active");
    link.removeAttr("href");
}
});

Answer 2

假设#toggle是您的checbox ID并且您正在尝试添加和删除此checbox的类，请替换您的行 .addClass（＆＃34;有源＆＃34）;

通过 $（本）.addClass（＆＃34;有源＆＃34）;

同样替换 .removeClass（＆＃34;有源＆＃34）;

通过 $（本）.removeClass（＆＃34;有源＆＃34）;

我在移动设备上，请原谅我的格式问题。

Answer 3

if(this.checked) {
    $(this).addClass("active");
    link.attr("href", link.data("href"));
} else {
    $(this).removeClass("active");
    link.removeAttr("href");
}
});

脚本，使用addClass和link.attr输入

3 个答案: