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

127 阅读 0 评论 84 点赞

我是靠谱客的博主粗暴人生，最近开发中收集的这篇文章主要介绍js创建一个input数组并绑定click事件的方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
</pre><pre name="code" class="javascript"><html> 
<body> 
<input type="button" name="input[]" value="按钮1" /><br /> 
<input type="button" name="input[]" value="按钮2" /><br /> 
<input type="button" name="input[]" value="按钮3" /><br /> 

<div id="add"></div> 
</body> 
</html> 

<script type="text/javascript"> 

// 通过 getElementsByTagName 获得都有 input 控件 
var inputs =document.getElementsByTagName("input"); 
// 为第0个button绑定onclick事件，alert一下 
inputs[0].onclick = function(){ 
alert("我测试一下"); 
} 

// 为每一个button绑定onclick事件，alert一下 
for(var i=0;i<inputs.length;i++){ 
inputs[i].onclick = function(){ 
alert("我测试一下"); 
} 
} 

window.onload = function(){ 
// 定义一个数组 arrs 
var arrs = new Array(); 
// 循环添加 
for(var i=0;i<2;i++){ 
// 循环添加两个 input type="button" value="新增"+i 
var input = document.createElement("input"); 
input.type = "button"; 
input.value = "新增" + i; 
// 记得把创建的 input 放入 arrs 中 
arrs.push(input); 
// 然后把 input 放入 id="add" 的div中 
document.getElementById("add").appendChild(input); 
} 

// 同样用 [0].onclick 绑定事件，依然没有问题 
arrs[0].onclick=function(){ 
alert("我又测试一下"); 
} 

}
</script> 