国产探花免费观看_亚洲丰满少妇自慰呻吟_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);
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 辽源市| 图片| 曲靖市| 滨州市| 兴仁县| 日土县| 漾濞| 益阳市| 襄樊市| 太仆寺旗| 灵宝市| 天祝| 台南县| 岳阳市| 综艺| 宝坻区| 仁怀市| 漾濞| 神木县| 西乌珠穆沁旗| 曲周县| 巴塘县| 左权县| 漳浦县| 南雄市| 阿拉善盟| 和田市| 呼图壁县| 淳安县| 梅河口市| 即墨市| 瑞昌市| 饶阳县| 陇西县| 正安县| 彭阳县| 旅游| 洪洞县| 梨树县| 洪洞县| 印江|