- Output for 4.3.0 - 4.3.11, 4.4.0 - 4.4.9, 5.0.0 - 5.0.5, 5.1.2 - 5.1.6, 5.2.0 - 5.2.17, 5.3.0 - 5.3.29, 5.4.0 - 5.4.45, 5.5.0 - 5.5.38, 5.6.0 - 5.6.28, 7.0.0 - 7.0.20, 7.1.0 - 7.1.20, 7.2.0 - 7.2.33, 7.3.12 - 7.3.33, 7.4.0 - 7.4.33, 8.0.0 - 8.0.30, 8.1.0 - 8.1.28, 8.2.0 - 8.2.18, 8.3.0 - 8.3.6
- <!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<style type="text/css">
table.tb {border-collapse:collapse; width:100%; margin:0px 20px;}
table.tb td {border:1px solid red; width:3%;}
table.tb th {text-align:left; color:blue; }
th span {margin-left:-20px;};
td input[type=checkbox]:checked + span {color:green;}
</style>
</head>
<body>
<table class="tb"><tr><th><span>08:00</span></th><th><span>08:30</span></th><th><span>09:00</span></th><th><span>09:30</span></th><th><span>10:00</span></th><th><span>10:30</span></th><th><span>11:00</span></th><th><span>11:30</span></th><th><span>12:00</span></th><th><span>12:30</span></th><th><span>13:00</span></th><th><span>13:30</span></th><th><span>14:00</span></th><th><span>14:30</span></th><th><span>15:00</span></th><th><span>15:30</span></th><th><span>16:00</span></th><th><span>16:30</span></th></tr><tr><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td></tr><tr><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td></tr></table></body>
</html>
- Output for 5.1.0 - 5.1.1
- <!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<style type="text/css">
table.tb {border-collapse:collapse; width:100%; margin:0px 20px;}
table.tb td {border:1px solid red; width:3%;}
table.tb th {text-align:left; color:blue; }
th span {margin-left:-20px;};
td input[type=checkbox]:checked + span {color:green;}
</style>
</head>
<body>
<table class="tb"><tr><th><span>01:00</span></th><th><span>01:00</span></th><th><span>01:00</span></th><th><span>01:00</span></th><th><span>01:00</span></th><th><span>01:00</span></th><th><span>01:00</span></th><th><span>01:00</span></th><th><span>01:00</span></th><th><span>01:00</span></th><th><span>01:00</span></th><th><span>01:00</span></th><th><span>01:00</span></th><th><span>01:00</span></th><th><span>01:00</span></th><th><span>01:00</span></th><th><span>01:00</span></th><th><span>01:00</span></th></tr><tr><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td></tr><tr><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td><td><input type="checkbox" name="slot" ><span>slot</span></td></tr></table></body>
</html>