| <!DOCTYPE html> |
| <form> |
| <div aria-label="checkbox1" role="checkbox" aria-checked="false"></div> |
| <div aria-label="checkbox2" role="checkbox" aria-checked="true"></div> |
| <div aria-label="radio1" role="radio" aria-checked="false"></div> |
| <div aria-label="radio2" role="radio" aria-checked="true"></div> |
| </form> |
| <script> |
| function go() { |
| document.querySelector('div[aria-label=checkbox1]').setAttribute('aria-checked', true); |
| document.querySelector('div[aria-label=checkbox2]').setAttribute('aria-checked', 'mixed'); |
| document.querySelector('div[aria-label=radio1]').setAttribute('aria-checked', true); |
| document.querySelector('div[aria-label=radio2]').setAttribute('aria-checked', false); |
| } |
| </script> |