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>
您可能感兴趣的文章:
- JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
- JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
- js中DOM事件绑定分析
- JS 事件绑定、事件监听、事件委托详细介绍
- JavaScript给按钮绑定点击事件（onclick）的方法
- javascript事件委托的方式绑定详解
- Javascript 事件流和事件绑定
- JS动态添加元素及绑定事件造成程序重复执行解决
- javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结
- JavaScript 事件属性绑定带参数的函数
- js事件on动态绑定数据,绑定多个事件的方法
- JavaScript Dom 绑定事件操作实例详解
相关文章
项目开发过程中遇到JSON字符串回显的情况,直接显示的话效果很丑,不方便查看,因此需要在前端页面对JSON进行格式化显示,下面这篇文章主要给大家介绍了关于前端显示json格式化的相关资料,需要的朋友可以参考下2024-03-03
这篇文章主要介绍了JavaScript获得指定对象大小的方法,涉及javascript针对元素遍历与属性操作的相关技巧,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了本地JS文件批量压缩的方法，由于之前压缩的JS文件都比较少，都是手动压缩的。这次需要压缩的文件比较多，所以用了批量压缩，特此记录一下，方便大家和自己以后再用到的时候备忘2022-12-12
一种不错代码应用实例，大家可以根据这个代码，拓宽出更好的代码2009-02-02
详解在微信小程序的JS脚本中使用Promise来优化函数处理
这篇文章主要介绍了详解在微信小程序的JS脚本中使用Promise来优化函数处理，引入Promise确实能够很好的解决异步回调函数的可读性等问题，同时也使得我们调用的时候代码简洁一些，本文介绍如何在小程序的JS代码里面使用Promise来封装一些函数的做法2019-03-03
这篇文章主要介绍了js判断元素是否隐藏的方法,需要的朋友可以参考下2014-06-06
这篇文章主要介绍了javascript根据像素点取位置的示例，大家参考使用吧2014-01-01
获取浏览器名称及版本信息,如果当前浏览器是IE，弹出浏览器版本,否则弹出当前浏览器名称和版本，详细实现代码请参考本文2013-04-04
今天小编就为大家分享一篇解决LayUI数据表格复选框不居中显示的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
下面小编就为大家带来一篇JS实现回到页面顶部动画效果的简单实例。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
最新评论