| <!DOCTYPE html> |
| <meta charset=utf-8> |
| <title>radio group name case-sensitive</title> |
| <link rel="author" title="Denis Ah-Kang" href="mailto:denis@w3.org"> |
| <link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> |
| <link rel="help" href="https://html.spec.whatwg.org/multipage/forms.html#radio-button-group"> |
| <!-- See also: https://github.com/whatwg/html/issues/1666 --> |
| |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| |
| <div id="log"></div> |
| |
| <input id=r1 type="radio" name="sImPlE"> |
| <input id=r2 type="radio" name="simple"> |
| <input id=r3 type="radio" name="SIMPLE"> |
| |
| <input id=r4 type="radio" name="paSSfield-killroyß"> |
| <input id=r5 type="radio" name="passfield-killroyß"> |
| <input id=r6 type="radio" name="PASSFIELD-KILLROYß"> |
| <input id=r7 type="radio" name="paſſfield-killroyß"> |
| <input id=r8 type="radio" name="passfield-Killroyß"> |
| <input id=r9 type="radio" name="paßfield-killroyß"> |
| <input id=r10 type="radio" name="paẞfield-killroyß"> |
| <input id=r11 type="radio" name="passfield-killroyẞ"> |
| <input id=r12 type="radio" name="passfield-killroyß"> |
| <input id=r13 type="radio" name="passfıeld-killroyß"> |
| <input id=r14 type="radio" name="passfİeld-killroyß"> |
| |
| <input id=r15 type="radio" name="глупый"> |
| <input id=r16 type="radio" name="глупый"> |
| <input id=r17 type="radio" name="ГЛУПЫЙ"> |
| <input id=r18 type="radio" name="ГЛУПЫЙ"> |
| |
| <input id=r19 type="radio" name="åωk"> |
| <input id=r20 type="radio" name="ÅΩK"> |
| <input id=r21 type="radio" name="Åωk"> |
| <input id=r22 type="radio" name="åΩk"> |
| <input id=r23 type="radio" name="åωK"> |
| |
| <input id=r24 type="radio" name="blah1"> |
| <input id=r25 type="radio" name="blah①"> |
| <input id=r26 type="radio" name="blⒶh1"> |
| <input id=r27 type="radio" name="blⓐh1"> |
| |
| <input id=r28 type="radio" name="tÉdz5アパートFi"> |
| <input id=r29 type="radio" name="TÉDZ5アパートFi"> |
| <input id=r30 type="radio" name="TéDZ⁵アパートFi"> |
| <input id=r31 type="radio" name="tÉdz5㌀Fi"> |
| <input id=r32 type="radio" name="tÉdz5アパートFi"> |
| <input id=r34 type="radio" name="TÉDZ⁵アパートFi"> |
| <input id=r35 type="radio" name="TÉDZ5アパートfi"> |
| |
| <input id=r36 type="radio" name="ΣΣ"> |
| <input id=r37 type="radio" name="σς"> |
| |
| <script> |
| "use strict"; |
| const notGroups = { |
| "sImPlE": ["r1" ,"r2", "r3"], |
| "paSSfield-killroyß": ["r4", "r5", "r6", "r7", "r8", "r9", "r10", "r11", "r12", "r13", "r14"], |
| "глупый": ["r15", "r16", "r17", "r18"], |
| "åωk": ["r19", "r20", "r21", "r22", "r23"], |
| "blah1": ["r24", "r25", "r26", "r27"], |
| "tÉdz5アパートFi": ["r28", "r29", "r30", "r31", "r32", "r34", "r35"], |
| "ΣΣ": ["r36", "r37"] |
| }; |
| |
| for (let notGroupLabel of Object.keys(notGroups)) { |
| test(() => { |
| const ids = notGroups[notGroupLabel]; |
| const radios = ids.map(id => document.getElementById(id)); |
| |
| for (let radio of radios) { |
| radio.checked = true; |
| } |
| |
| for (let radio of radios) { |
| assert_true(radio.checked, `${radio.name} must be checked`); |
| } |
| }, `Among names like ${notGroupLabel}, everything must be checkable at the same time`); |
| } |
| </script> |