读书人

jquery替动态生成元素绑定传参数事件

发布时间: 2012-08-27 21:21:57 作者: rapoo

jquery为动态生成元素绑定传参数事件
<html >
<head>
<title></title>
<script src="jqueryPager/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" >
$().ready(function(){

var tr="<tr>";
for(i=0;i<5;i++){
tr+="<td><input id=edit"+i+" value=text"+i+"></td>";
}
tr+="</tr>";
$("#tblTest").append(tr);//必须先生成元素,再绑定事件,否则找不到对象

for(i=0;i<5;i++){
document.getElementById("edit"+i).onclick=eval($("#btn1").attr("onclick")); //绑定事件
}

})

function btnClick(obj){
var objValue=obj.value;
alert("objValue="+objValue);
}

</script>
</head>
<body>

<input type="button" id="btn1" value="按钮" onclick="return btnClick(this)"/><table id="tblTest" >
</table></body>
</html>

读书人网 >Web前端

热点推荐