时间戳

首页 > 解决方案 > 如何在保持单击的启用的同时禁用分组复选框？

jquery - 如何在保持单击的启用的同时禁用分组复选框？

问题描述

标签： jquerycheckbox

解决方案

您唯一需要关心的是 -this不是您在箭头函数中所期望的。将箭头函数转换为常规函数。

$(".group").change(function() {
  console.log("hitting the check box");
  this.checked ? $("." + this.className).not(this).prop("disabled", true) : $("." + this.className).not(this).prop("disabled", false);
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label><input type="checkbox" name="js-frameworks" class="group"> JavaScript Frameworks Workshop — Tuesday 9am-12pm, $100</label>
<label><input type="checkbox" name="express" class="group"> Express Workshop — Tuesday 9am-12pm, $100</label>

推荐阅读