Подскажите как следить за изменением класса в элементе 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 к инпуту).
