js和jquery批量綁定事件傳參數(shù)一(新豬豬原創(chuàng))
更新時(shí)間：2010年06月23日 11:20:44 作者：
js綁定事件傳參,javascript綁定事件傳參數(shù),jquery綁定事件傳參數(shù)
復(fù)制代碼 代碼如下:
<input type="button" value="btn1" id="btn1"/>
<input type="button" value="btn2" id="btn2"/>
<input type="button" value="btn3" id="btn3"/>
<script type="text/javascript">
for(var i=1;i<=3;i++){
document.getElementById('btn' + i).onclick = (function(j){
return function(){
alert(j);
}
})(i);
}
</script>
下面是結(jié)合了jquery的代碼，原理都是一樣的
在使用javascript批量綁定頁(yè)面上的元素并傳遞遞增編號(hào)時(shí)，需要如下編寫：
<html>部分的代碼：
復(fù)制代碼 代碼如下:
<input type="button" id="btn1" value="按鈕1" />
<input type="button" id="btn2" value="按鈕2" />
<input type="button" id="btn3" value="按鈕3" />
<input type="button" id="btn4" value="按鈕4" />
<input type="button" id="btn5" value="按鈕5" />
<input type="button" id="btn6" value="按鈕6" />
<input type="button" id="btn7" value="按鈕7" />
<js>部分的代碼：
復(fù)制代碼 代碼如下:
$(function () {
var i;
for (i = 1; i <= 7; i++) {
$("#btn" + i).bind("click", { id: i }, dis);
}
});
function dis(evt) {
alert(evt.data.id);
}
相關(guān)文章
這篇文章主要介紹了詳解webpack解惑：require的五種用法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
今天就給大家介紹一個(gè)特別基礎(chǔ)的東西，javascript中函數(shù)的一點(diǎn)兒小知識(shí)之js代碼的執(zhí)行順序問題，需要的朋友參考下吧2017-10-10
JavaScript表單焦點(diǎn)自動(dòng)切換代碼
這篇文章主要介紹了JavaScript表單焦點(diǎn)自動(dòng)切換代碼的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
JavaScript實(shí)現(xiàn)正在上傳功能提示代碼，主要用于一些上傳文件過程中的提示信息。2010-04-04
toString.call()通用的判斷數(shù)據(jù)類型方法示例
這篇文章主要給大家介紹了關(guān)于toString.call()通用的判斷數(shù)據(jù)類型方法的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
這篇文章主要介紹了解析JS在獲取當(dāng)前月的最后一天遇到的坑，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
JavaScript的原型很多人都知道也很好用,但是很多人在使用原型繼承中導(dǎo)致的安全問題卻很少人知道,接下來我們就來好好了解一下,感興趣的小伙伴跟著小編一起來看看吧2023-08-08
簡(jiǎn)單實(shí)現(xiàn)js倒計(jì)時(shí)功能
這篇文章主要為大家詳細(xì)介紹了js倒計(jì)時(shí)效果的實(shí)現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了json格式數(shù)據(jù)的添加，刪除及排序方法,結(jié)合實(shí)例形式分析了針對(duì)一維數(shù)組與二維數(shù)組的json格式數(shù)據(jù)進(jìn)行增加、刪除與排序的實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-01-01
iOS和Android用同一個(gè)二維碼實(shí)現(xiàn)跳轉(zhuǎn)下載鏈接的方法
這篇文章給大家分享的是iOS和Android掃描同一個(gè)二維碼，分別跳到各自的下載鏈接的實(shí)現(xiàn)方法，文中給出了實(shí)例代碼，有需要的朋友們可以參考借鑒。2016-09-09