首页 > 网络编程 > JavaScript > javascript技巧 > 创建的input数组绑定click事件

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

2014-06-12 11:23:38 投稿：whsnow

这篇文章主要介绍了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> 

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

您可能感兴趣的文章: