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