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

【问题标题】：How to remove class unchecked Checkbox in JavaScript如何在 JavaScript 中删除类未选中的复选框
【发布时间】：2019-04-09 10:49:18
【问题描述】：

我使用一个 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 中删除类

【问题讨论】：

最好包含相关的 HTML 代码。
如果你能整理出预期的结果定义，比如“当我做x 我应该得到y 和z”，那将是更好的主意。或者问题主体对我来说似乎太模糊和混乱？

标签： javascript jquery checkbox

【解决方案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);
    });
});

【讨论】：