Jquery 如何在选中复选框后禁用复选框

创建了两个复选框。如果选中任何一个复选框，另一个复选框将自动进入禁用模式，如果未选中，则进入正常模式。 但我的代码在某些情况下不起作用

<div>                  
    <label>First checkbox</label>
    <input class="myCheckbox classA" data-target="maindiv1" type="checkbox" name="first" id="first_box"/>
</div>

<div>
    <label>Second checkbox</label>
    <input class="myCheckbox classB" data-target="maindiv2" type="checkbox" name="second" id="second_box"/>
</div>

---

你能举例说明你的代码吗？在那里我们可以看到错误？使用单选按钮有什么问题？这就是说，一个单选按钮是不可检查的，但也许你应该重新考虑你的UIU应该考虑收音机按钮看起来更像级联复选框比单选按钮，因为另一个也是不合格的。在哪些情况下它的失败？

$(document).on('click', '.classA', function (e) {
    if ($('.classA:checked').length) {
        $('.classB').prop('disabled', true);
        $('.classB').prop('checked', false);
        return;
    }
    $('.classB').prop('disabled', false);
});

$(document).on('click', '.classB', function (e) {
    if ($('.classB:checked').length) {
        $('.classA').prop('disabled', true);
        $('.classA').prop('checked', false);
        return;
    }
    $('.classA').prop('disabled', false);
});