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

0 0

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

这是我自己写的测试代码，我的设想是给每个数组元素设置一个判断是否已经受点击的开关，但是好像响应事件时，数组好像总是作为一个整体来响应。有什么办法解决，谢谢各位大大：
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;
   }


   }
   }

问题补充：

高级java工程师写道


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

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <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>


</head>

<tbody>
    <input type="checkbox" name="checkbox" checked="checked"></input>
	<input type="checkbox" name="checkbox"></input>
	<input type="checkbox" name="checkbox" checked="checked"></input>
	<input type="checkbox" name="checkbox"></input>
	<br><br/>
	<input type="button" value="Click me" id="myButton"></input>
</tbody>

</table>
</html>

看这个效果！！！！！！！！！！！！

不好意思，以下才是我想要问的：
点击图片集合的某一个图片时，更换图片，每个一图片更换时都有其一一对应的替换图片

问题补充：点击图片集合的某一个图片时，更换图片，每个一图片更换时都有其一一对应的替换图片

问题补充：好的。暗号是：北京烤鸭
我Q名是：花遇雨

JavaScript

2011年10月11日 13:01

花遇雨
11
0 0 1

2个答案按时间排序按投票排序

0 0

采纳的答案


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

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <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>


</head>

<tbody>
    <input type="checkbox" name="checkbox" checked="checked"></input>
	<input type="checkbox" name="checkbox"></input>
	<input type="checkbox" name="checkbox" checked="checked"></input>
	<input type="checkbox" name="checkbox"></input>
	<br><br/>
	<input type="button" value="Click me" id="myButton"></input>
</tbody>

</table>
</html>

看这个效果！！！！！！！！！！！！

2011年10月11日 13:04