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>