怎么用JS获取按钮的序号

有4个OK的按钮
<input type="button" name="tname" value="OK">
<input type="button" name="tname" value="OK">
<input type="button" name="tname" value="OK">
<input type="button" name="tname" value="OK">
请问怎么用JS获取按钮的序号？
就是点第一个OK按钮显示你点了第一个按钮
请问怎么弄啊

解决方案 »

  1.   

    试试
    <input type="button" name="tname" value="OK" id="1" onclick="alert(this.id);">
    <input type="button" name="tname" value="OK" id="2" onclick="alert(this.id);">
    <input type="button" name="tname" value="OK" id="3" onclick="alert(this.id);">
    <input type="button" name="tname" value="OK" id="4" onclick="alert(this.id);">
      

  2.   

    试试，或者
    <input type="button" name="tname" value="OK" onclick="alert('第1个');">
    <input type="button" name="tname" value="OK" onclick="alert('第2个');">
    <input type="button" name="tname" value="OK" onclick="alert('第3个');">
    <input type="button" name="tname" value="OK" onclick="alert('第4个');">
      

  3.   

    大哥们，JS啊用getElementByName啊
      

  4.   

    window.document.getElementsByName("tname")
    这样得到的是数组
      

  5.   


    <input type="button" name="tname" value="OK" onclick="fn(this)">
    <input type="button" name="tname" value="OK" onclick="fn(this)">
    <input type="button" name="tname" value="OK" onclick="fn(this)">
    <input type="button" name="tname" value="OK" onclick="fn(this)">var els = document.getElementsByName("tname");function fn(e){
    for (var i = els.length;i-- ; ) {
    if(els[i] == e){
    alert("第" + (i+1) + "个元素");
    break;
    }
    }
    }
      

  6.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title> 无标题文档</title>
    <script type="text/javascript">  
    function clickEvt(obj){
       var before = 0;
       while(obj){
          if(obj.type == "button")before ++;    
      obj = obj.previousSibling; 
       }
       alert(before);
    }
    </script>  
    </head><body>
    <input type="button" name="tname" value="OK" onclick="clickEvt(this)">
    <input type="button" name="tname" value="OK" onclick="clickEvt(this)">
    <input type="button" name="tname" value="OK" onclick="clickEvt(this)">
    <input type="button" name="tname" value="OK" onclick="clickEvt(this)">
    </body>