国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

js和jquery批量綁定事件傳參數一(新豬豬原創)

2024-09-06 12:45:41
字體:
來源:轉載
供稿:網友
代碼如下:
<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);
}
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 冕宁县| 陈巴尔虎旗| 砚山县| 独山县| 资溪县| 昭平县| 卓尼县| 顺义区| 西华县| 丰台区| 贺州市| 镇巴县| 界首市| 通许县| 揭阳市| 金平| 房产| 额济纳旗| 林周县| 塔城市| 且末县| 北川| 四川省| 淮安市| 吉木萨尔县| 新乡县| 唐山市| 山阴县| 龙山县| 安塞县| 闸北区| 汝阳县| 宜宾市| 英吉沙县| 凌海市| 翁牛特旗| 长乐市| 观塘区| 岢岚县| 东安县| 拉萨市|