Показать сообщение отдельно
  #7 (permalink)  
Старый 30.08.2017, 19:44
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<html>
<head>
	<style>
		div{
			display: none;
		}
	</style>
</head>
<body>
		<div>тест1</div><input type="checkbox"><br>
		<div>тест2</div><input type="checkbox"><br>
		<div>тест3</div><input type="checkbox"><br>
		<div>тест4</div><input type="checkbox"><br>
		<div>тест5</div><input type="checkbox"><br>
		<div>тест6</div><input type="checkbox"><br>
	<script>
	[].forEach.call(document.querySelectorAll('input[type="checkbox"]'), function(el){
		el.onchange=function(){
			el.previousElementSibling.style.display = el.previousElementSibling.style.display === 'block'?'none':'block';
	};
});
	</script>
</body>
</html>
Ответить с цитированием