js創(chuàng)建一個(gè)input數(shù)組并綁定click事件的方法
更新時(shí)間:2014年06月12日 11:23:38 投稿:whsnow
這篇文章主要介紹了js創(chuàng)建一個(gè)input數(shù)組并綁定click事件的方法,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
</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">
// 通過(guò) getElementsByTagName 獲得都有 input 控件
var inputs =document.getElementsByTagName("input");
// 為第0個(gè)button綁定onclick事件,alert一下
inputs[0].onclick = function(){
alert("我測(cè)試一下");
}
// 為每一個(gè)button綁定onclick事件,alert一下
for(var i=0;i<inputs.length;i++){
inputs[i].onclick = function(){
alert("我測(cè)試一下");
}
}
window.onload = function(){
// 定義一個(gè)數(shù)組 arrs
var arrs = new Array();
// 循環(huán)添加
for(var i=0;i<2;i++){
// 循環(huán)添加兩個(gè) input type="button" value="新增"+i
var input = document.createElement("input");
input.type = "button";
input.value = "新增" + i;
// 記得把創(chuàng)建的 input 放入 arrs 中
arrs.push(input);
// 然后把 input 放入 id="add" 的div中
document.getElementById("add").appendChild(input);
}
// 同樣用 [0].onclick 綁定事件,依然沒(méi)有問(wèn)題
arrs[0].onclick=function(){
alert("我又測(cè)試一下");
}
}
</script>
您可能感興趣的文章:
- JavaScript實(shí)現(xiàn)父子dom同時(shí)綁定兩個(gè)點(diǎn)擊事件,一個(gè)用捕獲,一個(gè)用冒泡時(shí)執(zhí)行順序的方法
- JavaScript call apply使用 JavaScript對(duì)象的方法綁定到DOM事件后this指向問(wèn)題
- js中DOM事件綁定分析
- JS 事件綁定、事件監(jiān)聽、事件委托詳細(xì)介紹
- JavaScript給按鈕綁定點(diǎn)擊事件(onclick)的方法
- javascript事件委托的方式綁定詳解
- Javascript 事件流和事件綁定
- JS動(dòng)態(tài)添加元素及綁定事件造成程序重復(fù)執(zhí)行解決
- javaScript 事件綁定、事件冒泡、事件捕獲和事件執(zhí)行順序整理總結(jié)
- JavaScript 事件屬性綁定帶參數(shù)的函數(shù)
- js事件on動(dòng)態(tài)綁定數(shù)據(jù),綁定多個(gè)事件的方法
- JavaScript Dom 綁定事件操作實(shí)例詳解
相關(guān)文章
fastadmin如何讓后臺(tái)的日期顯示成年月日格式(推薦)
FastAdmin是一款基于ThinkPHP5+Bootstrap的極速后臺(tái)開發(fā)框架,本文給大家介紹fastadmin的后臺(tái)時(shí)間戳字段如何顯示成年月日的日期格式,感興趣的朋友跟隨小編一起看看吧2023-10-10js判斷輸入是否中文,數(shù)字,身份證等等js函數(shù)集合
收集的比較多,建議大家查找搜尋,常用的js判斷函數(shù)2008-09-09js監(jiān)聽鼠標(biāo)事件控制textarea輸入字符串的個(gè)數(shù)
一個(gè)js控制textarea輸入字符串的個(gè)數(shù)的腳本,當(dāng)鼠標(biāo)按下抬起時(shí)判斷輸入字符數(shù),很簡(jiǎn)單,但很實(shí)用2014-09-09JS實(shí)現(xiàn)canvas仿ps橡皮擦刮卡效果詳解
這篇文章主要為大家詳細(xì)介紹了使用js中的Canvas實(shí)現(xiàn)橡皮擦效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-11-11javascript 模擬JQuery的Ready方法實(shí)現(xiàn)并出現(xiàn)的問(wèn)題
今天在閱讀網(wǎng)上一些模擬Jq的ready方法時(shí),發(fā)現(xiàn)一些小細(xì)節(jié),就是網(wǎng)上的ready事件大部分都是在onload事件執(zhí)行后加載,而jquery確能在onload加載前。2009-12-12uniapp中實(shí)現(xiàn)App自動(dòng)檢測(cè)版本升級(jí)的示例代碼
本文主要介紹了uniapp中實(shí)現(xiàn)App自動(dòng)檢測(cè)版本升級(jí)的示例代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01JS實(shí)現(xiàn)自定義狀態(tài)欄動(dòng)畫文字效果示例
這篇文章主要介紹了JS實(shí)現(xiàn)自定義狀態(tài)欄動(dòng)畫文字效果,涉及javascript結(jié)合時(shí)間函數(shù)動(dòng)態(tài)設(shè)置IE狀態(tài)欄文字顯示效果相關(guān)操作技巧,需要的朋友可以參考下2017-10-10