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