js初学者:点击图片集合的某一个图片时,更换图片,每个一图片更换时都有其一一对应的替换图片

这是我自己写的测试代码,我的设想是给每个数组元素设置一个判断是否已经受点击的开关,但是好像响应事件时,数组好像总是作为一个整体来响应。有什么办法解决,谢谢各位大大:
var allImg=document.getElementById("shapeimg").getElementsByTagName("img");
var imgLen=allImg.length;
var imgArray=new Array(imgLen);
for(i=0; i<imgLen; i++){
imgArray[i]=0; //初如化数组
}
for(j=0; j<imgLen; j++){
allImg[j].onclick=function(){
if(imgArray[j]==0){
alert("The value is number zero!");
imgArray[j]=1;
}
else{
alert("The value is number one!");
imgArray[j]=0;
}

   }

}

[code="java"]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<script src="/Jquery/jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
/**
*1.4个选框,默认2个被选中,当点击button的时候把选中的框的个数弹出来
*思路:
*1.加载的时候就获取button
*2.点击button的时候执行一个函数,函数所作的事情就是获取所有的选框,然后循环拿出来,
*如果选框选中就计算个数 count++;把个数弹出来
*checked="checked"默认选中
*
*/

  window.onload=function()
  {
     var btn =document.getElementById("myButton");

     btn.onclick=function()
     {
       var  count =0;

       var  checkboxs =document.getElementsByName("checkbox");

       for(var i=0;i<checkboxs.length;i++)
       {

       if(checkboxs[i].checked)
       {
           count++;
       }

       }
               alert("count"+count);
     }
  }

</script>











[/code]

看这个效果!!!!!!!!!!!!

加我QQ 503229799我给你