<!DOCTYPE html>
<html>
<body>

<p>When an input element became 'checked' or not-'checked', distribution should happen.</p>

<p>Case 1: input[type=checkbox] becomes checked</p>
<div id="host1"><input id="input1" type="checkbox" checked></div>

<p>Case 2: input[type=checkbox] becomes non-checked</p>
<div id="host2"></div>

<p>Case 3: input[type=radio] becomes checked</p>
<div id="host3"><input id="input3" name="radio3" type="radio" checked></div>

<p>Case 4: input[type=radio] becomes non-checked</p>
<div id="host4"></div>

</body>
</html>