如何得到点击元属的id和index?

我想用document.all(event.srcElement.id,event.srcElement.sourceIndex)取得相应的元素，但是好像不正确。

解决方案 »

  1.   

    用它event.srcElement 不就行了？
      

  2.   

    <script>
    function test()
    {
    alert(event.srcElement.sourceIndex);
    alert(event.srcElement.id);
    alert(event.srcElement.value);
    }
    </script>
    <input type=checkbox name=mycheck id=mycheck value=1 onclick=test()>
    <input type=checkbox name=mycheck id=mycheck value=2 onclick=test()>
    <input type=checkbox name=mycheck id=mycheck value=3 onclick=test()>
    <input type=checkbox name=mycheck id=mycheck value=4 onclick=test()>
      

  3.   

    value中我需要放入别的东西，不能保存序号。
    我尝试过，sourceIndex得到的id是5，6，7，8；
    在我的程序里面sourceindex得到的是27,38......，
    实际上的应该是check(1),check(2)......
      

  4.   

    套一个span
    <script>
    function test()
    {
    var e=window.event.srcElement
    alert(e.sourceIndex-e.parentElement.sourceIndex);
    alert(e.id);
    alert(e.value);
    }
    </script>
    <span>
    <input type=checkbox name=mycheck id=mycheck value=1 onclick=test()>
    <input type=checkbox name=mycheck id=mycheck value=2 onclick=test()>
    <input type=checkbox name=mycheck id=mycheck value=3 onclick=test()>
    <input type=checkbox name=mycheck id=mycheck value=4 onclick=test()>
    </span>
      

  5.   

    如果是顶级tag,可以直接用<script>
    function test(){
    var e=window.event.srcElement
    alert(e.sourceIndex+":"+document.all(e.sourceIndex).value);
    }
    </script>
    <span>
    <input type=checkbox name=mycheck id=mycheck value=1 onclick=test()>
    <input type=checkbox name=mycheck id=mycheck value=2 onclick=test()>
    <input type=checkbox name=mycheck id=mycheck value=3 onclick=test()>
    <input type=checkbox name=mycheck id=mycheck value=4 onclick=test()>
    </span>
      

  6.   

    如果不是是顶级tag,可以直接用<script>
    function test(){
    var e=window.event.srcElement
    alert(e.sourceIndex+":"+qswh.all(e.sourceIndex-e.parentElement.sourceIndex-1).value);
    }
    </script>
    <span id=qswh name=qswh>
    <input type=checkbox name=mycheck id=mycheck value=1 onclick=test()>
    <input type=checkbox name=mycheck id=mycheck value=2 onclick=test()>
    <input type=checkbox name=mycheck id=mycheck value=3 onclick=test()>
    <input type=checkbox name=mycheck id=mycheck value=4 onclick=test()>
    </span>
      

  7.   

    这个方法看看如何
    <script>
    function test()
    {
    for(i=0;i<document.all[event.srcElement.id].length;i++)
    if(document.all[event.srcElement.id][i].value==event.srcElement.value)
    alert("是第"+(i+1)+"个"+event.srcElement.id);
    }
    </script>
    <input type=checkbox name=mycheck id=mycheck value=12 onclick=test()>
    <input type=checkbox name=mycheck id=mycheck value=22 onclick=test()>
    <input type=checkbox name=mycheck id=mycheck value=32 onclick=test()>
    <input type=checkbox name=mycheck id=mycheck value=42 onclick=test()>
      

  8.   

    秋水兄的方法不错，但是我的网页结构比较复杂，不知道怎么加span。
    页面如下：
    <html>
    <head>
    <SCRIPT LANGUAGE=javascript>
    <!--
    function checkvalue()
    {
    strName=event.srcElement.id;
    strId=event.srcElement.sourceIndex
    alert(strId);
    for(i=0;i<document.all(strName).length;i++)
    {
    }
    }
    //-->
    </SCRIPT>
    </head><body bgcolor="#FFFFFF" text="#000000" onkeydown="if(event.keyCode==13)event.keyCode=9">
    <form name="form1" method="post" action="save.asp" class="text" onsubmit="return datacheck()">
      <table width="500" align="center" class="text" cellpadding="2" cellspacing="1" bordercolor="#999999" border="1">
        <tr bordercolor="#999999" bgcolor="#E0CFB0"> 
          <td width="45"> 
            <div align="center">A</div>
          </td>
          <td width="45"> 
            <div align="center">B</div>
          </td>
        </tr>
        <tr bordercolor="#999999"> 
          <td width="45"> 
            <div align="center"> 
              <input type="checkbox" name="dis" id="dis" value="1" onClick="checkvalue()">
            </div>
          </td>
          <td width="45"> 
            <div align="center"> 
              <input type="checkbox" name="bln" id="bln" value="1" onClick="checkvalue()">
            </div>
          </td>
        </tr>
        <tr bordercolor="#999999"> 
          <td width="45"> 
            <div align="center"> 
              <input type="checkbox" name="dis" id="dis" value="2" onClick="checkvalue()">
            </div>
          </td>
          <td width="45"> 
            <div align="center"> 
              <input type="checkbox" name="bln" id="bln" value="2" onClick="checkvalue()">
            </div>
          </td>
        </tr>
        <tr bordercolor="#999999"> 
          <td width="45"> 
            <div align="center"> 
              <input type="checkbox" name="dis" id="dis" value="21" onClick="checkvalue()">
            </div>
          </td>
          <td width="45"> 
            <div align="center"> 
              <input type="checkbox" name="bln" id="bln" value="21" onClick="checkvalue()">
            </div>
          </td>
        </tr>
        <tr bordercolor="#999999"> 
          <td width="45"> 
            <div align="center"> 
              <input type="checkbox" name="dis" id="dis" value="22" onClick="checkvalue()">
            </div>
          </td>
          <td width="45"> 
            <div align="center"> 
              <input type="checkbox" name="bln" id="bln" value="22" onClick="checkvalue()">
            </div>
          </td>
        </tr>
        <tr bordercolor="#999999"> 
          <td width="45"> 
            <div align="center"> 
              <input type="checkbox" name="dis" id="dis" value="3" onClick="checkvalue()">
            </div>
          </td>
          <td width="45"> 
            <div align="center"> 
              <input type="checkbox" name="bln" id="bln" value="3" onClick="checkvalue()">
            </div>
          </td>
        </tr>
      </table>
    </form>
    </body>
    </html>
      

  9.   

    百合心兄的办法不错，虽然比较土，不过很有效，因为
    我的checkbox恰好value值都是唯一的。
      

  10.   

    修正百合心,避免重复value
    <script>
    function test()
    {
    for(i=0;i<document.all[event.srcElement.id].length;i++)
    if(document.all[event.srcElement.id][i]==event.srcElement)
    alert("是第"+(i+1)+"个"+event.srcElement.id);
    }
    </script>
    <input type=checkbox name=mycheck id=mycheck value=12 onclick=test()>
    <input type=checkbox name=mycheck id=mycheck value=22 onclick=test()>
    <input type=checkbox name=mycheck id=mycheck value=22 onclick=test()>
    <input type=checkbox name=mycheck id=mycheck value=42 onclick=test()>
      

  11.   

    qiushuiwuhen(秋水无恨)考虑周全！：）