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

浏览数：31 / 时间：2015年06月09日

</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事件,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。