给TABLE加个id,及onclick事件,处理起来方便一些
<table id="table1" onclick="clickit();">
<tr><td width=200><input type=checkbox>1</td><tr>
<tr><td width=200><input type=checkbox>1</td><tr>
<tr><td width=200><input type=checkbox>1</td><tr>
<tr><td width=200><input type=checkbox>1</td><tr>
<tr><td width=200><input type=checkbox>1</td><tr>
<tr><td width=200><input type=checkbox>1</td><tr>
<tr><td width=200><input type=checkbox>1</td><tr>
<tr><td width=200><input type=checkbox>1</td><tr>
</table>
<input type=button value="how many?" onclick="gethm();">
<script>
function clickit(){
    var o=event.srcElement;
if(o.tagName=="INPUT")
o.parentElement.parentElement.bgColor=o.checked?"red":'';
}
function gethm(){
var k=0;
var o=document.getElementById("table1");
for(var i=0;i<o.cells.length;i++)
for(var j=0;j<o.cells[i].children.length;j++)
if(o.cells[i].children[j].tagName=="INPUT"&&o.cells[i].children[j].checked)
k++;
alert("checked:"+k);
}
</script>