站内搜索:
首页 >> 前端 >> 内容
js循环绑定控件

时间:2016/12/8 13:42:04

<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"/>

  • 上一篇:css3动画之上下抖动
  • 下一篇:javascript小项目---拖拽小方块---js菜单栏
  • 返回顶部