<!DOCTYPE html>
<html>
<body>

<p>When input became 'indeterminate' state or not-'indeterminate' state, distribution should happen.</p>

<div id="host"><span>separator 1</span><span>separator 2</span><input id="input3" type="checkbox" indeterminate="true"><span>separator 3</span><span>separator 4</span><input id="input5" type="checkbox" indeterminate="true"><span>separator 5</span></div>

<script>
input3.indeterminate = true;
input5.indeterminate = true;
</script>


</body>
</html>