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

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/forms/input/checkbox/label-dynamic.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,37 @@
     1.4 +<!DOCTYPE html>
     1.5 +<html>
     1.6 +<head>
     1.7 +<style type="text/css">
     1.8 +
     1.9 +#c3, #c4 {
    1.10 +  display: none;
    1.11 +}
    1.12 +
    1.13 +input:checked + label {
    1.14 +  background-color: yellow;
    1.15 +}
    1.16 +
    1.17 +</style>
    1.18 +
    1.19 +<script type="text/javascript">
    1.20 +
    1.21 +function toggleAllCheckboxes()
    1.22 +{
    1.23 +  for (var i = 1; i <= 4; ++i) {
    1.24 +    var cb = document.getElementById('c'+i);
    1.25 +    cb.checked = !cb.checked;
    1.26 +  }
    1.27 +}
    1.28 +
    1.29 +</script>
    1.30 +</head>
    1.31 +
    1.32 +<body onload="toggleAllCheckboxes();">
    1.33 +
    1.34 +<div><input type="checkbox" name="test" id="c1"><label for="c1">check #c1</label></div>
    1.35 +<div><input type="checkbox" name="test" id="c2" checked><label for="c2">check #c2</label></div>
    1.36 +<div><input type="checkbox" name="test" id="c3"><label for="c3">check #c3</label></div>
    1.37 +<div><input type="checkbox" name="test" id="c4" checked><label for="c4">check #c4</label></div>
    1.38 +
    1.39 +</body>
    1.40 +</html>

mercurial