<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<li id="customize-control-12" class="customize-control">
<div class="parent">
<div class="onoffswitch">
<input type="checkbox" id="switch" name="switch" class="onoffswitch-checkbox" value="">
<label class="onoffswitch-label" for="switch"></label>
</div>
<span class="customize-control-title onoffswitch_label">Родитель</span>
</div>
</li>
<li id="customize-control-2" class="customize-control">
<div class="children">
Дочка (должен скрываться)
</div>
</li>
<li id="customize-control-445" class="customize-control">
<div class="children">
Дочка (должен скрываться)
</div>
</li>
<li id="customize-control-23" class="customize-control">
<div class="children">
Не должен скрываться
</div>
</li>
<li id="customize-control-435" class="customize-control">
<div class="checkbox_switch parent">
<div class="onoffswitch">
<input type="checkbox" id="switch" name="switch" class="onoffswitch-checkbox" value="">
<label class="onoffswitch-label" for="switch"></label>
</div>
<span class="customize-control-title onoffswitch_label">Родитель</span>
</div>
</li>
<li id="customize-control-426" class="customize-control">
<div class="children">
Дочка (должен скрываться)
</div>
</li>
<script>
document.querySelectorAll('input').forEach((el,i)=>el.onchange = function(){
if(i == 0) document.querySelectorAll('#customize-control-2, #customize-control-445').forEach(li=>li.style.display = this.checked?'none':'list-item');
if(i == 1) document.querySelector('#customize-control-426').style.display = this.checked?'none':'list-item';
});
</script>
</body>
</html>