Posted in Javascript onJune 12, 2014
</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事件的方法
- Author -
whsnow声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@