<script language="JavaScript">
<!--
document.onclick=function()
{
var obj=event.srcElement;
var tab1=document.getElementById("table1");
var tab2=document.getElementById("table2");
var idx=obj.parentNode.parentNode.rowIndex;
if(obj.tagName=="INPUT" && obj.type=="checkbox")
{
if(obj.checked)
{
for(i=0;i<tab2.rows[0].cells.length;i++)
tab2.rows[idx].cells[i].innerHTML=tab1.rows[idx].cells[i].innerHTML;
}
else
{
for(i=0;i<tab2.rows[0].cells.length;i++)
tab2.rows[idx].cells[i].innerHTML="&nbsp;";
}
}
}
//-->
</script>
<style>
div {width:200px;float:left}
</style><div id="div1">
<table border="1" id="table1">
<tr>
<td><input type="checkbox" value="c1"></td>
<td>这是第一行</td>
</tr>
<tr>
<td><input type="checkbox" value="c2"></td>
<td>这是第二行</td>
</tr>
</table>
</div>
<div id="div2" >
<table border="1" id="table2">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</div>