Har denna kod:Ändra färg i samtliga kolumner
<code>
<html>
<head>
<script type="text/javascript">
<!--
function colorize(tbl,color){
if(document.getElementById('f'+tbl).checked){
document.getElementById(tbl).style.backgroundColor=color;
} else {
document.getElementById(tbl).style.backgroundColor='#00ff00';
}
}
//-->
</script>
</head>
<body>
<table width="100px" cellspacing="0px" cellpadding="0px">
<tr>
<td id="b1" style="background-color: #00ff00;"><input id="fb1" type="checkbox" onclick="colorize('b1','#CC0000');"></td>
<td id="b1" style="background-color: #0000ff;" width="50px"></td>
</tr>
</table>
</body>
</html>
</code>
Det jag vill göra är att när man markerar checkbox-rutan så ska samtliga kolumner ändra färg. Eftersom man inte kan ha samma id på flera kolumner så ändras bara den första kolumnen i koden ovan. Hur ska man göra så att det ändras färg i alla kolumner?
Observera att man inte kan lägga id-taggen ' id="b1" ' i tr-taggen eftersom kolumnerna har olika bakgrundsfärger ursprungligen.