js和jquery批量綁定事件傳參數(shù)一(新豬豬原創(chuàng))
更新時間：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批量綁定頁面上的元素并傳遞遞增編號時，需要如下編寫：
<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)文章
Javascript和jquery在selenium的使用過程
這篇文章主要介紹了Javascript和jquery在selenium的使用過程,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了js實現(xiàn)飛入星星特效代碼,主要通過控制背景與飛入點(diǎn)的樣式,結(jié)合setTimeout函數(shù)即可實現(xiàn)星星飛入的效果,對于學(xué)習(xí)javascript有不錯的參考借鑒價值,需要的朋友可以參考下2014-10-10
JavaScript函數(shù)擴(kuò)展與箭頭函數(shù)超詳細(xì)講解
這篇文章主要介紹了JavaScript函數(shù)擴(kuò)展與箭頭函數(shù)的使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2022-11-11
上傳圖片對圖片進(jìn)行一下預(yù)覽，可以了解圖片上傳后大概會是什么樣子，此功能用js實現(xiàn)，然后在fileupload控件的change事件中調(diào)用，這樣當(dāng)用fileupload選擇完圖片以后，圖片就會自動顯示出來了。功能很簡單，卻很實用。2013-03-03
Javascript中Math.max和Math.max.apply的區(qū)別和用法詳解
這篇文章主要介紹了Javascript中Math.max和Math.max.apply的區(qū)別和用法,本文給大家啊介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-08-08
今天小編就為大家分享一篇element ui分頁多選,翻頁記憶的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了JS徹底弄懂GMT和UTC時區(qū)，對時間感興趣的同學(xué)，可以參考下2021-04-04
在寫項目時,難免遇到需要上傳表單,圖片等文件,且表單內(nèi)容需進(jìn)行驗證及必填項提示,圖片需要和信息一起傳遞且圖片載入后需可預(yù)覽,這篇文章給大家介紹el-form實現(xiàn)表單和圖片手動上傳和校驗功能,感興趣的朋友一起看看吧2024-01-01
本篇文章主要介紹了JS數(shù)組操作之增刪改查的簡單實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要介紹了JS選擇打印內(nèi)容，主要是把自己要打印的東西用一個DIV層抱起來,需要的朋友可以參考下2014-04-04