小白求助ajax联动表单问题

今天老大给提出了一个AJAX的需求，就是说：页面左边有个表格，表格中有3个多选按钮，按钮有自己的值！当我选择一个多选按钮的时候，右边表格出现该多选按钮的值和ID！
 我没有做过AJAX的东西，望大家给予帮助！在线等！谢谢了啊

---

<script type="text/javascript">
var $=function(id){return document.getElementById(id);};
var $$=function(tag){return document.createElement(tag);};
function gridCheck1Fun(info){
var btbody=$('btbody');
var pNode=info.parentNode.parentNode;

var tr=$$("TR")
btbody.appendChild(tr);

var td = $$("TD");
tr.appendChild(td);
td.innerHTML="&nbsp;"

for(var i=1;i<pNode.childNodes.length;i++){

td = $$("TD");
tr.appendChild(td);
td.innerHTML="&nbsp;"+pNode.childNodes[i].innerHTML
}
}
</script>
表1
<table width="100%" border="0">
  <tr>
  <td width="3%">&nbsp;</td>
  <td width="64%">ID</td>
  <td width="33%">Name</td>
  </tr>
  <tr>
  <td><input name="gridCheck1" type="checkbox" id="gridCheck1" onClick="gridCheck1Fun(this)"></td>
  <td>01</td>
  <t