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>