Как убрать класс с неотмеченным флажком в JavaScript

Я использую один JavaScript, он работает так

при нажатии первого ввода: флажок, он отключает все остальные ввод: флажок и добавляет класс к другому вводу: флажок LI

Выдайте это, я не могу удалить первый класс, снимите флажок Первый ввод: флажок

При первой проверке: результат флажка успешно отключает другой флажок, а также добавляет класс в другой LI

Также в UnCheck First:Checkbox Result Включить другой флажок, но не удалять класс из 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-код.

Carsten Løvbo Andersen 09.04.2019 12:50

И было бы еще лучше, если бы вы разобрались с определением ожидаемого результата, например, «когда я делаю x, я должен получить y и z». Или только мне тело вопроса кажется слишком расплывчатым и сумбурным?

Yevgen Gorbunkov 09.04.2019 12:58
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
212
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 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);
    });
});

Другие вопросы по теме