Если именно по ID то такой вариант
<html>
<head>
<style>
div{
display: none;
}
</style>
</head>
<body>
<div id="cl1">тест1</div><input type="checkbox" class="cl1"><br>
<div id="cl2">тест2</div><input type="checkbox" class="cl2"><br>
<div id="cl3">тест3</div><input type="checkbox" class="cl3"><br>
<div id="cl4">тест4</div><input type="checkbox" class="cl4"><br>
<div id="cl5">тест5</div><input type="checkbox" class="cl5"><br>
<div id="cl6">тест6</div><input type="checkbox" class="cl6"><br>
<script>
[].forEach.call(document.querySelectorAll('input[type="checkbox"]'), function(el){
el.onchange=function(){
var div = document.querySelector('div#'+el.className);
div.style.display=el.checked?'block':'none';
};
});
</script>
</body>
</html>