layout/reftests/forms/input/checkbox/label-dynamic.html

Thu, 15 Jan 2015 21:13:52 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 15 Jan 2015 21:13:52 +0100
branch
TOR_BUG_9701
changeset 12
7540298fafa1
permissions
-rw-r--r--

Remove forgotten relic of ABI crash risk averse overloaded method change.

michael@0 1 <!DOCTYPE html>
michael@0 2 <html>
michael@0 3 <head>
michael@0 4 <style type="text/css">
michael@0 5
michael@0 6 #c3, #c4 {
michael@0 7 display: none;
michael@0 8 }
michael@0 9
michael@0 10 input:checked + label {
michael@0 11 background-color: yellow;
michael@0 12 }
michael@0 13
michael@0 14 </style>
michael@0 15
michael@0 16 <script type="text/javascript">
michael@0 17
michael@0 18 function toggleAllCheckboxes()
michael@0 19 {
michael@0 20 for (var i = 1; i <= 4; ++i) {
michael@0 21 var cb = document.getElementById('c'+i);
michael@0 22 cb.checked = !cb.checked;
michael@0 23 }
michael@0 24 }
michael@0 25
michael@0 26 </script>
michael@0 27 </head>
michael@0 28
michael@0 29 <body onload="toggleAllCheckboxes();">
michael@0 30
michael@0 31 <div><input type="checkbox" name="test" id="c1"><label for="c1">check #c1</label></div>
michael@0 32 <div><input type="checkbox" name="test" id="c2" checked><label for="c2">check #c2</label></div>
michael@0 33 <div><input type="checkbox" name="test" id="c3"><label for="c3">check #c3</label></div>
michael@0 34 <div><input type="checkbox" name="test" id="c4" checked><label for="c4">check #c4</label></div>
michael@0 35
michael@0 36 </body>
michael@0 37 </html>

mercurial