Bymas | Замена класса по клику, плачу 50р

Тема закрыта by

Ivlev
Причина: Решено

html

   <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?

javascript

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

hellooo (06.01.2022 в 19:50) Вы чо дебилы? Какая jquery?

javascript

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

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

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