您的位置：首页 > 其它

在邮箱中常见的，反选，全选，不选。

2015-10-15 10:41 357 查看

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
window.onload=function(){
var oBtn1=document.getElementById('btn1');
var oBtn2=document.getElementById('btn2');
var oBtn3=document.getElementById('btn3');
var oDiv=document.getElementById('div1');
var aCh=oDiv.getElementsByTagName('input');
oBtn1.onclick=function(){
for(var i=0;i<aCh.length;i++)
{
aCh[i].checked=true;
}
};
oBtn2.onclick=function(){
for(var i=0;i<aCh.length;i++)
{
aCh[i].checked=false;
}
};
oBtn3.onclick=function(){
for(var i=0;i<aCh.length;i++)
{
if (aCh[i].checked==true) {
aCh[i].checked=false;
} else{
aCh[i].checked=true;
}
}
};

}
</script>
</head>
<body>
<input id="btn1" type="button" value="全选" />
<input id="btn2" type="button" value="不选" />
<input id="btn3" type="button" value="反    选" />
<div id="div1">
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
</div>
</body>
</html>

这个作业不是很难，但是找小细节的问题费了很多事情，第一个是修改了命名，导致命名不统一，效果出不来。第二，getElementsByTabName这个单词写错，当中有个S忘记了。第三，在for循环中后面紧跟的条件有顺序要求分别是初始化，条件，自增或者自减。

漫漫修仙路，悠悠努力时。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航