可以用鼠标事件来控制img 的src =
至于统计就比较麻烦一点

解决方案 »

  1.   

    onMouseDown=""  onMouseOver="" onMouseOut=""  你分别写3函数,就行了
      

  2.   


    我打算用一个数组定义每个图片的值,如果选中了就为1,不选就为0,但是就是不会写啊:(
    对JAVASCRIPT不太了解:(
      

  3.   

    <img src="com.gif" name=img1 onclick="test(this);" select="0" onmouseover="m_over(this);" onmouseout="m_out(this);">
    <img src="com.gif" name=img2 onclick="test(this);" select="0" onmouseover="m_over(this);" onmouseout="m_out(this);">
    <img src="com.gif" name=img3 onclick="test(this);" select="0" onmouseover="m_over(this);" onmouseout="m_out(this);">
    <img src="com.gif" name=img4 onclick="test(this);" select="0" onmouseover="m_over(this);" onmouseout="m_out(this);">
    <img src="com.gif" name=img5 onclick="test(this);" select="0" onmouseover="m_over(this);" onmouseout="m_out(this);"><script language="javascript">
    function test(e)
    {
      if (e.select == 1)
      {
    e.select = 0;
    e.src = 'com.gif'
      }
      else
      {
    e.select = 1;
    e.src = 'com_check.gif'
      }
    }function m_over(e)
    {
    if(e.select == 1)
    {
       e.src = 'com_check.gif'
    }
    else
    {
    e.src = 'com_over.gif';
    }
    }function m_out(e)
    {
    if(e.select == 1)
    {
       e.src = 'com_check.gif'
    }
    else
    {
    e.src = 'com.gif';
    }
    }
    </script>
      

  4.   

    <form name="form1" onsubmit="return stat(this.img1,this.img2,this.img3,this.img4,this.img5);">
    <img src="com.gif" name=img1 onclick="test(this);" select="0" onmouseover="m_over(this);" onmouseout="m_out(this);">
    <img src="com.gif" name=img2 onclick="test(this);" select="0" onmouseover="m_over(this);" onmouseout="m_out(this);">
    <img src="com.gif" name=img3 onclick="test(this);" select="0" onmouseover="m_over(this);" onmouseout="m_out(this);">
    <img src="com.gif" name=img4 onclick="test(this);" select="0" onmouseover="m_over(this);" onmouseout="m_out(this);">
    <img src="com.gif" name=img5 onclick="test(this);" select="0" onmouseover="m_over(this);" onmouseout="m_out(this);">
    <input type=submit>
    </form>
    <script language="javascript">
    function stat(e1,e2,e3,e4,e5)
    {
       alert(e1.select+","+e2.select+","+e3.select+","+e4.select+","+e5.select);
       return false;
    }function test(e)
    {
      if (e.select == 1)
      {e.select = 0;e.src = 'com.gif'}
      else
      {e.select = 1;e.src = 'com_check.gif'}
    }function m_over(e)
    {
    if(e.select == 1)
    {e.src = 'com_check.gif'}
    else
    {e.src = 'com_over.gif';}
    }function m_out(e)
    {
    if(e.select == 1)
    {e.src = 'com_check.gif'}
    else
    {e.src = 'com.gif';}
    }
    </script>
      

  5.   

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var oArr=[];
    function show(){
    alert(oArr.sort().join());
    }
    //-->
    </SCRIPT>
    <script event="onclick()" for="oTable">
    if(event.srcElement.tagName=="TD" && oArr.join().split(event.srcElement.cellIndex).length!=2 ){
      oArr[oArr.length]= event.srcElement.cellIndex;
      event.srcElement.innerText="Clicked";
    }</script>
    <SCRIPT event="onmouseover" for="oTable">
    if(event.srcElement.tagName=="TD" && oArr.join().split(event.srcElement.cellIndex).length!=2 )
    event.srcElement.innerText="over";
    </SCRIPT>
    <SCRIPT event="onmouseout" for="oTable">
    if(event.srcElement.tagName=="TD" && oArr.join().split(event.srcElement.cellIndex).length!=2 )
    event.srcElement.innerText="out";
    </SCRIPT>
    <body>
    <TABLE id="oTable" bgcolor="pink">
    <TR>
    <TD>out</TD>
    <TD>out</TD>
    <TD>out</TD>
    <TD>out</TD>
    <TD>out</TD>
    </TR>
    </TABLE>
    <input type="button" value="show" onclick="show()">