@bulkmaker

Как следить за изменением класса JS?

Подскажите как следить за изменением класса в элементе bootstrap list group https://getbootstrap.com/docs/5.0/components/list-group
<div class="list-group foundation_type_toggle dots"> 
    <button  id="id1" data-bs-toggle="list" class="list-group-item list-group-item-action">Заголовок кнопки</button>
    <div class="ms-4 ob_toggle">
        <div class="custom-control custom-checkbox d-flex align-items-center list-group-item ">
            <input type="checkbox" class="custom-control-input" id="id1check">
            <label class="custom-control-label ps-2" for="id1check">Чекбокс</label> 
        </div>
    </div>
    <button  id="id2" data-bs-toggle="list" class="list-group-item list-group-item-action">Заголовок кнопки</button>
    <div class="ms-4 ob_toggle">
        <div class="custom-control custom-checkbox d-flex align-items-center list-group-item ">
            <input type="checkbox" class="custom-control-input" id="id2check">
            <label class="custom-control-label ps-2" for="id2check">Чекбокс</label> 
        </div>
    </div>     
</div>

нужно при клике на кнопку button активировался чекбокс, при клике на другую кнопку, активировался другой чекбокс. Но при этом снять этот чекбокс можно было. ну и нажать на чекбокс без нажатой соответствующей кнопки button тоже нельзя(снять чекбокс и добавить disabled к инпуту).
  • Вопрос задан
  • 51 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы