<script

   src="https://code.jquery.com/jquery-3.6.0.min.js"

   integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="

   crossorigin="anonymous"></script>

 <input type="checkbox" id="checkbox"> Отметить/снять все

  <div id="switch" class="class">Привет</div>

 <script>

 $('#checkbox').click(function(){

 	if ($(this).is(':checked')){

 $('#switch').attr('class', 'top');

 $('#switch').html('Интересно');

 		$('#controls input:checkbox').prop('checked', true);

 	} else {

 		$('#controls input:checkbox').prop('checked', false);

 $('#switch').attr('class', 'boom');

 $('#switch').html('Не - Интересно');

 	}

 });

 </script>

Можно сделать прослушивание и полегче, но как вариант и этот код подойдёт.
В данном примере мы прослушиваем состояния чекбокс по #id и конструкцией if {} else {} выводим состояние нашего класса (.attr('class','название нового класса')), но в примере ещё и меняется содержимое (.html).
________
посл. ред. 06.01.2022 в 18:10; всего 2 раз(а); by Loll_lark

Вы чо дебилы? Какая jquery?

document.getElementById('needleDivId').className = 'newClassName';

Ты чо, дебил? Почему код лишь 20% задачи решает?

Allazarin, он решает практически всю задачу, достаточно на онклик чекбокса навесить проверку if(this.checked) и выполнять соответствующее действие, проблема лишь в том, что у меня нет никакого желания сделать всю работу для любителей подключать целую огромную библиотеку для одной вот такой задачи. Я подтолкнул, пусть дальше сами учатся