动态绑定和删除onclick事件

因为对JQUERY和JS的动态绑定事件的不熟悉，今天花了好久的时间才把动态绑定和删除onclick事件搞定!现在分享下我的过程。

在我的查询页面，我将我的onclick事件绑定到了tr标签上同时传入当前行(this值)参数，这样可以在点击行上的任意地方时可以选中checkbox，但是在我的某一列上也有一个onclick事件是用于下载附件的，当我点击附件下载时当然不能把该行的checkbox选中，还出现的一个情况是由于在tr标签上绑定了onclick事件，在直接选择checkbox时不能一次点击选中该checkbox，需要双击才可以，因此在这两种情况中我又在checkbox列和附件下载列添加了onmouseout和onmouseover事件，同时传入该列（this值）参数，用于动态将标签tr上的事件重新绑定和删除。

部分代码示例如下：

绑定在tr上的事件

<tr οnclick="chooseCheckBox1(this);">

在checkbox列的事件，附件下载列一样

<td width="2%">
<input type="checkbox" οnmοuseοut="addOnClick(this)" οnmοuseοver="moveOnClick(this)" name="temp1">
</td>



function chooseCheckBox1(line){
var row;

//用于判断是否已经经过onmouseout和onmouseover来动态绑定事件

if(line.data == undefined){
row = line;
}else{
row = line.data.row1[0];
}
if($(row).children().find("[name$=temp1]").attr("checked") == undefined){
$(row).children().find("[name$=temp1]").attr("checked",true);
}else{
$(row).children().find("[name$=temp1]").attr("checked",false);
}
}



function moveOnClick(line){

//第一次鼠标经过checkbox或附件下载列时删除事件
$(line).parent().parent().removeAttr("onclick",chooseCheckBox1);

//经过动态绑定事件后清除绑定事件
$(line).parent().parent().unbind("click",chooseCheckBox1);
}

function addOnClick(line){

//鼠标经过后动态添加事件，同时传入当前行参数
$(line).parent().parent().bind("click",{row1:$(line).parent().parent()},chooseCheckBox1);
}