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

Script, input with addClass and link.attr

本文关键字：link attr 输入 addClass 使用 脚本      更新时间：2023-09-26

所以我试图围绕这个脚本。我还不是最好的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之前，它工作正常，但是当我的复选框被选中/取消选中时，我似乎也无法让一个类切换。

任何帮助将不胜感激。

您忘记了在---> link中添加和删除类的位置：

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

假设 #toggle 是您的 checbox ID，并且您正在尝试向此 checbox 添加和删除类，请替换您的行 .addClass("active"(;

由 $(this(.addClass("active"(;

类似地替换 .removeClass("active"(;

由$(this(.removeClass("active"(;

我在手机上，请原谅我的格式问题。

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