这是我自己写的测试代码，我的设想是给每个数组元素设置一个判断是否已经受点击的开关，但是好像响应事件时，数组好像总是作为一个整体来响应。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; } } }
1 回答
芜湖不芜
TA贡献1796条经验 获得超7个赞
<!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>
看这个效果！！！！！！！！！！！！
添加回答
举报
0/150
提交
取消