Показать сообщение отдельно
  #1 (permalink)  
Старый 03.10.2019, 16:54
Аспирант
Отправить личное сообщение для Aruta Посмотреть профиль Найти все сообщения от Aruta
 
Регистрация: 08.07.2019
Сообщений: 85

Показ дочернего блока при активации checkbox
Написал код, который отображает/скрывает блок при активации отключении checkbox, НО этот код применяется только к первому блоку почему-то, хотя я пишу так, чтобы смотрело от ближайшего родителя. Все блоки, у которых checkbox имеется, одинаковые по стилю.
При этом клик срабатывает на всех checkbox - хоть последний тыкай, но раскрывает только первый блок
Подскажите пожалуйста где ошибка.

Ссылка на скриншот со страницы сайта - http://prntscr.com/pedn0k

var checkON = document.querySelectorAll('input[type="checkbox"]');
	checkON.forEach(function(check) {
	check.onclick = function viewDesc(){
		console.log('click');
			var ia = document.getElementById('arrow'); 
			var chpr = this.closest('.upsale__block__sub-right-wrap');
			var chFin = chpr.children[1];
			if (this.checked){
				chFin.classList.toggle("dflex");
				chFin.classList.toggle("dnone");
				ia.classList.toggle("arrow-down");
			} else {
				chFin.classList.toggle("dnone");
				ia.classList.toggle("arrow-down");
			}
		}
	});

Последний раз редактировалось Aruta, 03.10.2019 в 16:57.
Ответить с цитированием