js 动态添加的按钮 onclick事件怎么写?
发布网友
发布时间：2022-04-23 21:52
共3个回答
热心网友
时间：2022-04-21 21:06
如图，比方说我有一个函数，而我们需要点击按钮触发指定的函数，这就用到了绑定事件的方法。
如图，假定是点击事件，则在按钮里面添加onclick=函数名即可把函数绑定到按钮上。onclick绑定的是单击事件哦，当然还有很多其他的事件。
如图，绑定事件之后，当我们点击按钮即可触发绑定的函数，非常神奇哦。
当然，也可以给按钮设定一个ID，然后我们获取到带有ID的按钮。
然后在JavaScript中绑定事件也是可以的，这种方法代码比较多，想用哪种看你自己哦。
需要特别注意一点的是，如果用了第二种方法，当要获取id时，如果script脚本写在head里面，则要加上window.onload哦。如果是写在body后面，则不需要写window.onload。
热心网友
时间：2022-04-21 22:24
我刚写的.需要引用JQuery,我这个JQ用的是google的共用地址,你也可以换成自己的.
在ie8下调试的,
其他没事,用jquery的话一般浏览器都没问题,试试吧
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
function addTr(){
$('<tr><td>'+Math.random()+'</td><td><input type="button" class="del" value="删除" /></td></tr>').appendTo($("#t"));
}
for(var i =0;i<5;i++){
addTr();
}
function BindEvent(){
$(".del").click(function(){
$(this).parent().parent().remove();
});
}
$("#addtr").click(function(){
addTr();
BindEvent();
});
BindEvent();
});
</script>
</head>
<body>
<input type="button" value="添加行" id="addtr" />
<table id="t" border=1>
</table>
</body>
</html>
热心网友
时间：2022-04-21 23:59
vb vb vb
