js创建一个input数组并绑定click事件的方法
2014-06-12 11:23
567 查看
</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事件
- 给js创建的一个input数组绑定click事件
- 给js创建的一个input数组绑定click事件
- HTML中关于动态创建的标签无法绑定js事件的解决方法
- js多个对象绑定一个事件的方法
- 后台调用js,给同一个事件绑定一个方法
- Asp.net中OnClientClick事件绑定js的多个方法
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
- js多个对象绑定一个事件的方法
- javascript同一个元素同时绑定click和dblclick事件(同时单击和双击事件)
- JS 实现 创建类、继承、方法添加、对象克隆、数组封装操作
- JS判断一个数组中是否有重复值的三种方法 .
- 编写js扩展方法实现判断一个数组中是否包含某个元素
- 一个理解js动态创建节点并注册事件及传递参数的例子
- 用js触发自动一个click事件
- js动态创建的元素绑定事件
- 使用js写点击一个事件使页面返回顶部以及控制一个元素在右下角的固定位置的方法
- js 事件绑定的方法
- 一个流行且实用的JS表单验证提示,演示了怎么自定义错误信息的显示方式,同时通过写FormValid.showError类方法来实现错误显示方式自定义: errMsg 是一个错误消息的数组,这样方便自定