radio-groupname-case.html (3296B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>radio group name case-sensitive</title> 4 <link rel="author" title="Denis Ah-Kang" href="mailto:denis@w3.org"> 5 <link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> 6 <link rel="help" href="https://html.spec.whatwg.org/multipage/forms.html#radio-button-group"> 7 <!-- See also: https://github.com/whatwg/html/issues/1666 --> 8 9 <script src="/resources/testharness.js"></script> 10 <script src="/resources/testharnessreport.js"></script> 11 12 <div id="log"></div> 13 14 <input id=r1 type="radio" name="sImPlE"> 15 <input id=r2 type="radio" name="simple"> 16 <input id=r3 type="radio" name="SIMPLE"> 17 18 <input id=r4 type="radio" name="paSSfield-killroyß"> 19 <input id=r5 type="radio" name="passfield-killroyß"> 20 <input id=r6 type="radio" name="PASSFIELD-KILLROYß"> 21 <input id=r7 type="radio" name="paſſfield-killroyß"> 22 <input id=r8 type="radio" name="passfield-Killroyß"> 23 <input id=r9 type="radio" name="paßfield-killroyß"> 24 <input id=r10 type="radio" name="paẞfield-killroyß"> 25 <input id=r11 type="radio" name="passfield-killroyẞ"> 26 <input id=r12 type="radio" name="passfield-killroyß"> 27 <input id=r13 type="radio" name="passfıeld-killroyß"> 28 <input id=r14 type="radio" name="passfİeld-killroyß"> 29 30 <input id=r15 type="radio" name="глупый"> 31 <input id=r16 type="radio" name="глупый"> 32 <input id=r17 type="radio" name="ГЛУПЫЙ"> 33 <input id=r18 type="radio" name="ГЛУПЫЙ"> 34 35 <input id=r19 type="radio" name="åωk"> 36 <input id=r20 type="radio" name="ÅΩK"> 37 <input id=r21 type="radio" name="Åωk"> 38 <input id=r22 type="radio" name="åΩk"> 39 <input id=r23 type="radio" name="åωK"> 40 41 <input id=r24 type="radio" name="blah1"> 42 <input id=r25 type="radio" name="blah①"> 43 <input id=r26 type="radio" name="blⒶh1"> 44 <input id=r27 type="radio" name="blⓐh1"> 45 46 <input id=r28 type="radio" name="tÉdz5アパートFi"> 47 <input id=r29 type="radio" name="TÉDZ5アパートFi"> 48 <input id=r30 type="radio" name="TéDZ⁵アパートFi"> 49 <input id=r31 type="radio" name="tÉdz5㌀Fi"> 50 <input id=r32 type="radio" name="tÉdz5アパートFi"> 51 <input id=r34 type="radio" name="TÉDZ⁵アパートFi"> 52 <input id=r35 type="radio" name="TÉDZ5アパートfi"> 53 54 <input id=r36 type="radio" name="ΣΣ"> 55 <input id=r37 type="radio" name="σς"> 56 57 <script> 58 "use strict"; 59 const notGroups = { 60 "sImPlE": ["r1" ,"r2", "r3"], 61 "paSSfield-killroyß": ["r4", "r5", "r6", "r7", "r8", "r9", "r10", "r11", "r12", "r13", "r14"], 62 "глупый": ["r15", "r16", "r17", "r18"], 63 "åωk": ["r19", "r20", "r21", "r22", "r23"], 64 "blah1": ["r24", "r25", "r26", "r27"], 65 "tÉdz5アパートFi": ["r28", "r29", "r30", "r31", "r32", "r34", "r35"], 66 "ΣΣ": ["r36", "r37"] 67 }; 68 69 for (let notGroupLabel of Object.keys(notGroups)) { 70 test(() => { 71 const ids = notGroups[notGroupLabel]; 72 const radios = ids.map(id => document.getElementById(id)); 73 74 for (let radio of radios) { 75 radio.checked = true; 76 } 77 78 for (let radio of radios) { 79 assert_true(radio.checked, `${radio.name} must be checked`); 80 } 81 }, `Among names like ${notGroupLabel}, everything must be checkable at the same time`); 82 } 83 </script>