javascript - 如何在 JavaScript 中删除类未选中的复选框

Question

我使用一个 JavaScript，它的工作原理如下

单击第一个输入:复选框，禁用所有其他输入:复选框，并将类添加到其他输入:复选框的 LI

问题是我无法删除未选中第一个输入的第一类:复选框

首先检查:复选框结果成功禁用其他复选框，并将类添加到其他 LI

同样在取消选中第一个:复选框结果启用其他复选框但不从 LI 中删除类

jQuery(document).ready(function($) {
    $('.First:checkbox').click(function() {
   var $checkbox = $(this), checked = $checkbox.is(':checked');
   $checkbox.closest('#input_1_106').find(':checkbox').prop('disabled', checked);
   $('#tree li').not('.FirstLi').addClass('xxxxxxxxx');   

   $checkbox.prop('disabled', false);
});
});

我想先取消选中:Checkbox 从其他 LI 中删除类

Answer 1

您在添加类之前错过了条件语句。以下内容应该适合您。

jQuery(document).ready(function($) {
    $('.First:checkbox').click(function() {
        var $checkbox = $(this), checked = $checkbox.is(':checked');
        $checkbox.closest('#input_1_106').find(':checkbox').prop('disabled', checked);
        if(checked){
            $('#tree li').not('.FirstLi').addClass('xxxxxxxxx');
        }else{
            $('#tree li').not('.FirstLi').removeClass('xxxxxxxxx');
        }  
        $checkbox.prop('disabled', false);
    });
});