js循环绑定控件

最新推荐文章于 2026-05-12 13:56:01 发布

原创最新推荐文章于 2026-05-12 13:56:01 发布 · 511 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

javascript 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一种使用JavaScript为多个HTML按钮绑定点击事件的方法。通过给按钮设置相同的名称属性，利用getElementsByTagName和getElementsByName获取所有相同名称的按钮元素，并遍历这些元素绑定事件，实现了动态添加点击事件的功能。

<script  type="text/javascript">
 window.onload=function()
 {
    var butlist=document.getElementsByName('btn') ;
    for(var i=0;i<butlist.length;i++)
    {
        butlist[i].onclick=function()
        {
            alert(this.value);
        }
    }

 }


</script>

html 代码

<input type="button" name="btn"   value="测试1"/>
<input type="button" name="btn"  value="测试2"/>
<input type="button" name="btn"  value="测试3"/>
<input type="button" name="btn"  value="测试4"/>
<input type="button" name="btn"  value="测试5"/>
<input type="button" name="btn"  value="测试6"/>