| <!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> |
| |