关于图标按钮 被点击后更换图标的问题

<html>
<head>
<script language="javascript">
function changeSrc(){
  var imgList = document.getElementsByName("img");//所有名为img的图片标签列表。这里替换为你的图片标签名称
  for(var i=0;i<imgList.length;i++){//先把所有的图片设为图片一
imgList[i].src="1.gif";
  }
event.srcElement.src="2.gif";//更改你所点击的图片为图片2 
  
}
</script>
</head>
<body>
<table>
<tr><td ><IMG name="img" SRC="1.gif" onclick="changeSrc()"></td></tr>
<tr><td ><IMG name="img" SRC="1.gif" onclick="changeSrc()"></td></tr>
<tr><td ><IMG name="img" SRC="1.gif" onclick="changeSrc()"></td></tr>
<tr><td ><IMG name="img" SRC="1.gif" onclick="changeSrc()"></td></tr>
<tr><td ><IMG name="img" SRC="1.gif" onclick="changeSrc()"></td></tr>
</body>
</html>

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <META http-equiv="Content-Type" content="text/html; charset=gb2312">
    <SCRIPT language="javascript">
    function chan(oObj)
    {
    var arrObj = document.getElementsByName("n");
    for(var i=0; i<arrObj.length; i++)
    arrObj[i].src = arrObj[i].preSrc;
    oObj.src = "4.gif";
    }
    function init()
    {
    var arrObj = document.getElementsByName("n");
    for(var i=0; i<arrObj.length; i++)
    arrObj[i].preSrc = arrObj[i].src;
    }
    </SCRIPT>
    </HEAD><BODY onLoad="init()">
    <INPUT type = "image" src = "1.gif" name = "n" onClick="chan(this)">
    <INPUT type = "image" src = "2.gif" name = "n" onClick="chan(this)">
    <INPUT type = "image" src = "3.gif" name = "n" onClick="chan(this)">
    </BODY>
    </HTML>