给js创建的一个input数组绑定click事件

作者:moqiang02 和javascript相关  
</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事件来源网络,如有侵权请告知,即处理!

编程Tags: