js创建一个input数组并绑定click事件的方法_javascript技巧

复制代码 代码如下:

 <br> <br><input type="button" name="input[]" value="按钮1"><br> <br><input type="button" name="input[]" value="按钮2"><br> <br><input type="button" name="input[]" value="按钮3"><br> <br><br><div id="add"></div> <br> <br> <br><br><script type="text/javascript"> <br><br>// 通过 getElementsByTagName 获得都有 input 控件 <BR>var inputs =document.getElementsByTagName("input"); <BR>// 为第0个button绑定onclick事件，alert一下 <BR>inputs[0].onclick = function(){ <BR>alert("我测试一下"); <BR>} <br><br>// 为每一个button绑定onclick事件，alert一下 <BR>for(var i=0;i<inputs.length;i++){ <BR>inputs[i].onclick = function(){ <BR>alert("我测试一下"); <BR>} <BR>} <br><br>window.onload = function(){ <BR>// 定义一个数组 arrs <BR>var arrs = new Array(); <BR>// 循环添加 <BR>for(var i=0;i<2;i++){ <BR>// 循环添加两个 input type="button" value="新增"+i <BR>var input = document.createElement("input"); <BR>input.type = "button"; <BR>input.value = "新增" + i; <BR>// 记得把创建的 input 放入 arrs 中 <BR>arrs.push(input); <BR>// 然后把 input 放入 id="add" 的div中 <BR>document.getElementById("add").appendChild(input); <BR>} <br><br>// 同样用 [0].onclick 绑定事件，依然没有问题 <BR>arrs[0].onclick=function(){ <BR>alert("我又测试一下"); <BR>} <br><br>}<BR></script> <br>