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