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