JS 动态生成表 后 ONCLICK事件的问题

我写了以下一段代码,其中children是一个JSON对象，其数据可以理解为一个表（如下）：
id name
1 liuxl
2 liuzp

代码如下：
function insert2table(data){
eval("var children="+data);
for(j=1;j <children.length;j++){
child = children[j];
var trTemp = tableTemp.insertRow();
trTemp.className="tr2";
var str = " <input type='checkbox' name='mycheck' value='"+child.name+"'>";
trTemp.insertCell().innerHTML=str;
trTemp.insertCell().innerHTML=child.id;
trTemp.insertCell().innerHTML=child.name;
trTemp.attachEvent('onmouseover',c1);
trTemp.attachEvent('onmouseout',c2);
trTemp.attachEvent('onclick',function(){var t=name;sel(t);});
}

function c1(){
var t=event.srcElement.parentElement;
t.style.backgroundColor="#dedede";
}
function c2(){
var t=event.srcElement.parentElement;
t.style.backgroundColor="";
}


function sel(tt){
alert(tt);
}

以上代码可以正常显示出我预期的表格，可是表格的onclick事件有问题。无论点哪一行，最后的输出结果都是最后一行的值（即liuzp).
该问题太概是用变量作参数据导致，

请高手指点一下，有什么解决方法，使点相应的行即可以得到相应的值，想了很久都找不到解决方法。