<script>
var SelectTr=0
function RecordTr(){
var e=event.srcElement
while(e.tagName!="TR")e=e.parentElement
var t=document.all('TableId')
if(e.rowIndex==t.rows.length-1)return
for(i=0;i<e.cells.length;i++){
switch(e.cells[i].innerText){
case "1":
t.rows[t.rows.length-1].cells[i].children[0].checked=true;
t.rows[t.rows.length-1].cells[i].children[1].checked=false;break;
case "1f":
t.rows[t.rows.length-1].cells[i].children[0].checked=false;
t.rows[t.rows.length-1].cells[i].children[1].checked=true;break;
default:
t.rows[t.rows.length-1].cells[i].children[0].checked=false;
t.rows[t.rows.length-1].cells[i].children[1].checked=false;break;
}
}
SelectTr=e.rowIndex
}function changeData(){
var e=event.srcElement
var t=e.parentElement
if (t.children[0].checked==true){
document.all('TableId').rows[SelectTr].cells[t.cellIndex].innerText='1'
}
else{if (t.children[1].checked==true){
document.all('TableId').rows[SelectTr].cells[t.cellIndex].innerText='1f'
}
else{document.all('TableId').rows[SelectTr].cells[t.cellIndex].innerHTML='&nbsp;'}
}
}
</script>
<form name="form1" method="post" action="">
  <table onclick="RecordTr()" border="1" cellpadding="0" id="TableId">
    <tr><td>1</td><td>1f</td></tr>
    <tr><td>&nbsp;</td><td>1</td></tr>
    <tr><td><input type="checkbox" value="1">
      <input type="checkbox" value="1f">
      <input type="button" value="button" onclick="changeData()">
    </td>
    <td><input type="checkbox" value="1">
      <input type="checkbox" value="1f">
      <input type="button" value="button" onclick="changeData()">
    </td></tr>
  </table>
</form>