checkbox 체크하면 td 색 변하는 소스

지지온 2012.06.16 10:27:56 출처:
<script type="text/javascript">
<!--
function toggle(box,theId) {
    if(document.getElementById) {
        var cell = document.getElementById(theId);
        if(box.checked) {
            cell.className = "on";
        }
        else {
            cell.className = "off";
        }
    }
}
// -->
</script>
<style type="text/css">
<!--
.off {
background-color: #fff;
}
.on {
background-color: #ccc;
}
-->
</style>
</head>
<body>
<table border="1" cellpadding="5" cellspacing="0">
<tr><td class="off" id="cell1">
<input type="checkbox" onclick="toggle(this,'cell1')">Yada Yada Yada
</td></tr>
<tr><td class="off" id="cell2">
<input type="checkbox" onclick="toggle(this,'cell2')">Yada Yada Yada

 
아무곳파일에 위 소스 붙여넣고 체크박스에 체크해보시면 바로 아실겁니다.
어떨때 쓰일지는 모르겠지만, 알아두면 좋을거같아서 올려보네요. ^^