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);
});
});

我要先取消选中：复选框从其他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);
    });
});

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

1 个答案: