Javascript jQuery在多次单击复选框后更改类

我已经设置了以下jQuery代码：

$（'#检查'）。更改（函数（）{
如果（选中此项）{
$（“#检查”）。单击（函数（）{
$（“#rk”）.addClass（'disabled'，this.checked）；
$（“#rkBtn”）.removeClass（'disabled'，this.checked）；
});
}否则{
$（“#rk”）.removeClass（'disabled'，this.checked）；
$（“#rkBtn”）.addClass（'disabled'，this.checked）；
}   
});

Rk
勾选此复选框。
因为您不需要同时使用
click
和
change
功能。就这些


$（'#检查'）。更改（函数（）{
如果（选中此项）{
//$（“#检查”）。单击（函数（）{
$（“#rk”）.addClass（'disabled'，this.checked）；
$（“#rkBtn”）.removeClass（'disabled'，this.checked）；
//});
}否则{
$（“#rk”）.removeClass（'disabled'，this.checked）；
$（“#rkBtn”）.addClass（'disabled'，this.checked）；
}   
});
。已禁用{
不透明度：.5；
}

Rk
勾选此复选框。
因为您不需要同时使用
单击
和
更改
功能。就这些


$（'#检查'）。更改（函数（）{
如果（选中此项）{
//$（“#检查”）。单击（函数（）{
$（“#rk”）.addClass（'disabled'，this.checked）；
$（“#rkBtn”）.removeClass（'disabled'，this.checked）；
//});
}否则{
$（“#rk”）.removeClass（'disabled'，this.checked）；
$（“#rkBtn”）.addClass（'disabled'，this.checked）；
}   
});
。已禁用{
不透明度：.5；
}

Rk
勾选此复选框。
首先，去掉点击事件绑定：

$(document).ready(() => {
  $("#check").change(function() {
    if (this.checked) {
      $("#rk").addClass("disabled", this.checked);
      $("#rkBtn").removeClass("disabled", this.checked);
    } else {
      $("#rk").removeClass("disabled", this.checked);
      $("#rkBtn").addClass("disabled", this.checked);
    }
  });
});

其次，您的锚标记有语法错误

<a href="#" id="rkBtn" class="btn disabled"Next Step</a>

首先，摆脱点击事件绑定：

$(document).ready(() => {
  $("#check").change(function() {
    if (this.checked) {
      $("#rk").addClass("disabled", this.checked);
      $("#rkBtn").removeClass("disabled", this.checked);
    } else {
      $("#rk").removeClass("disabled", this.checked);
      $("#rkBtn").addClass("disabled", this.checked);
    }
  });
});

其次，您的锚标记有语法错误

<a href="#" id="rkBtn" class="btn disabled"Next Step</a>


欢迎光临@马尔塞斯的否决票在这里太有趣了！欢迎光临@马尔塞斯的否决票在这里太有趣了！