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

Question

我使用一个 JavaScript 它像这样工作

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

发出它我无法删除未选中第一个输入的第一类：复选框

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

同样在 UnCheck First:Checkbox Result Enable other checkbox But not Remove Class from 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 中删除类

标签： javascriptjquerycheckbox

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