【指教】javascript实现点击图片互斥

<script>    
    function changeImg()
    {    
        var img = document.getElementsByName("img");        var src = event.srcElement.src;   
        
        var url = src.substring(0,src.lastIndexOf('/') + 1);
        
        src = src.substring(src.lastIndexOf('/') + 1);
        
        initImg = function(m)
        {
            for(var i = 0, l = img.length; i < l; i++)
            {
                img[i].src = url + m;
            }
        }
                  
        switch(src)
        {
            case('a.gif'):
                initImg('a.gif')
                event.srcElement.src = url + 'b.gif';
                break;
            case('b.gif'):
                initImg('b.gif')
                event.srcElement.src = url + 'a.gif';
                break;
            default:
                break;        
        }
        
    }
    </script>

解决方案 »

  1.   

    <html>
    <script>
    var pic1="a.gif";
    var pic2="b.gif";
    function changeImg(obj){
        if(window.focusImg)window.focusImg.src=pic1;
        var img=obj.getElementsByTagName("img")[0];
        img.src=pic2;
        window.focusImg=img;
    }
    </script>
    <body>
    <table width="200" border="1">
      <tr>
        <td onClick="changeImg(this)"><img src="a.gif" /></td>
        <td onClick="changeImg(this)"><img src="a.gif" /></td>
        <td onClick="changeImg(this)"><img src="a.gif" /></td>
        <td onClick="changeImg(this)"><img src="a.gif" /></td>
        <td onClick="changeImg(this)"><img src="a.gif" /></td>
      </tr>
    </table>
    </body>
    </html>
      

  2.   

    如果是多行~~<html>
    <script>
    var pic1="a.gif";
    var pic2="b.gif";
    function changeImg(obj){
        var tr=obj.parentNode;
        if(tr.focusImg)tr.focusImg.src=pic1;
        var img=obj.getElementsByTagName("img")[0];
        img.src=pic2;
        tr.focusImg=img;
    }
    </script>
    <body>
    <table width="200" border="1">
      <tr>
        <td onClick="changeImg(this)"><img src="a.gif" /></td>
        <td onClick="changeImg(this)"><img src="a.gif" /></td>
        <td onClick="changeImg(this)"><img src="a.gif" /></td>
        <td onClick="changeImg(this)"><img src="a.gif" /></td>
        <td onClick="changeImg(this)"><img src="a.gif" /></td>
      </tr>
      <tr>
        <td onClick="changeImg(this)"><img src="a.gif" /></td>
        <td onClick="changeImg(this)"><img src="a.gif" /></td>
        <td onClick="changeImg(this)"><img src="a.gif" /></td>
        <td onClick="changeImg(this)"><img src="a.gif" /></td>
        <td onClick="changeImg(this)"><img src="a.gif" /></td>
      </tr>
    </table>
    </body>
      

  3.   

    只用在点击时,改变img的src就可以的,
      

  4.   

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <SCRIPT LANGUAGE="JavaScript">function image(obj){
    //alert("o");   for(i=0;i<document.all.image.length;i++){     if(obj.checked){
       document.all.image[i].src = "SortNone.gif";
    obj.src = "SortDown.gif";
       } else {
       //ele.style.cssText="";
     }   }}</SCRIPT> 
    <body>
    <table width="200" border="1">
      <tr>
        <td><input src="SortNone.gif" type="image" id="image" onclick="image(this)"/></td>
     <td><input src="SortNone.gif" type="image" id="image" onclick="image(this)"/></td>
      <td><input src="SortNone.gif" type="image" id="image" onclick="image(this)"/></td>
       <td><input src="SortNone.gif" type="image" id="image" onclick="image(this)"/></td>
        <td><input src="SortNone.gif" type="image" id="image" onclick="image(this)"/></td>
        
      </tr>
    </table></body></html>我也是写了。。可是图片没变化。请大家帮忙帮忙。嘎嘎。