Не как образец правильного стиля, а как демонстрашка, покритикуйте:
<!doctype html>
<html>
<head>
<title>Hide unchecked rows</title>
<script type="text/javascript">
function show() {
var t = document.getElementById( "t" );
for( var i = 0; i < t.rows.length; ++i )
t.rows[i].style.visibility = "visible";
}
function hide() {
var t = document.getElementById( "t" );
for( var i = 0; i < t.rows.length; ++i )
if( ! t.rows[i].cells[1].firstChild.checked )
t.rows[i].style.visibility = "collapse";
}
</script>
</head>
<body>
<table id="t">
<tr><td>1</td><td><input type="checkbox"></td><td>asdfasdf</td></tr>
<tr><td>2</td><td><input type="checkbox"></td><td>wsfdvwdf</td></tr>
<tr><td>3</td><td><input type="checkbox"></td><td>ojsdhsff</td></tr>
<tr><td>4</td><td><input type="checkbox"></td><td>qadifoqf</td></tr>
<tr><td>5</td><td><input type="checkbox"></td><td>poqwiefh</td></tr>
</table>
<input type="button" value="Show" onclick="show()">
<input type="button" value="Hide" onclick="hide()">
</body>
</html>