为什么好像响应事件时,数组好像总是作为一个整体来响应?

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

   
   } 
   } 

www说
浏览 81回答 1
1回答

芜湖不芜

<!DOCTYPE&nbsp;html&nbsp;PUBLIC&nbsp;"-//W3C//DTD&nbsp;XHTML&nbsp;1.0&nbsp;Transitional//EN"&nbsp;"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">&nbsp;&nbsp;&nbsp;&nbsp;<html&nbsp;xmlns="http://www.w3.org/1999/xhtml">&nbsp;&nbsp;<head>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<title></title>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script&nbsp;src="/Jquery/jquery-1.6.4.min.js"&nbsp;type="text/javascript"></script>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script&nbsp;type="text/javascript">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*1.4个选框,默认2个被选中,当点击button的时候把选中的框的个数弹出来&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*思路:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*1.加载的时候就获取button&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*2.点击button的时候执行一个函数,函数所作的事情就是获取所有的选框,然后循环拿出来,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*如果选框选中就计算个数&nbsp;count++;把个数弹出来&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*checked="checked"默认选中&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.onload=function()&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;btn&nbsp;=document.getElementById("myButton");&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;btn.onclick=function()&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;&nbsp;count&nbsp;=0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;&nbsp;checkboxs&nbsp;=document.getElementsByName("checkbox");&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for(var&nbsp;i=0;i<checkboxs.length;i++)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(checkboxs[i].checked)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;count++;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert("count"+count);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</script> &nbsp;</head>&nbsp;&nbsp;&nbsp;&nbsp;<tbody>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input&nbsp;type="checkbox"&nbsp;name="checkbox"&nbsp;checked="checked"></input>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input&nbsp;type="checkbox"&nbsp;name="checkbox"></input>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input&nbsp;type="checkbox"&nbsp;name="checkbox"&nbsp;checked="checked"></input>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input&nbsp;type="checkbox"&nbsp;name="checkbox"></input>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input&nbsp;type="button"&nbsp;value="Click&nbsp;me"&nbsp;id="myButton"></input>&nbsp;&nbsp;</tbody>&nbsp;&nbsp;&nbsp;&nbsp;</table>&nbsp;&nbsp;</html> &nbsp;看这个效果!!!!!!!!!!!!
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript