首页 新闻 会员 周边 捐助

到底哪里错了,,,,为什么点击全选就是选不了

0
悬赏园豆:20 [已解决问题] 解决于 2015-09-15 21:19

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

<script language="javascript" type="text/javascript">
window.onload=function(){

var CheckAll=document.getElementById('All');
var UnCheck=document.getElementById('uncheck');
var reverseCheck=document.getElementById('reverseCheck');
var div=document.getElementById('div');
var CheckBox=div.gteElementsByTagName('input');


CheckAll.onclick=function(){
for(var i=0;i<CheckBox.length;i++)
CheckBox[i].checked=true;
};

};
UnCheck.onclick=function(){
for(i=0;i<CheckBox.length;i++)
MeCheckBox[i].checked=false;
};

};
reverseCheck.onclick=function(){
for(i=0;i<CheckBox.length;i++){
if(CheckBox[i].checked==true){
CheckBox[i].checked=false;

}else{
CheckBox[i].checked=true;
};
};

};

};

 


</script>
</head>
<body>
全选:<input type="button" id="All" value="全选"/><br/>
不选:<input type="button" id="uncheck" value="不选"/><br/>
反选:<input type="button" id="reverseCheck" value="反选"/><br/>
<div id="div">
<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>

疯狂的兔子!的主页 疯狂的兔子! | 初学一级 | 园豆:171
提问于:2015-09-15 20:41
< >
分享
最佳答案
1

var CheckBox=div.gteElementsByTagName('input');这里写错了吧

收获园豆:20
jello chen | 大侠五级 |园豆:7336 | 2015-09-15 20:59

额,谢谢啊,可是改过来了还是不对,不知道咋回事,,,可以了,你改了哪里

疯狂的兔子! | 园豆:171 (初学一级) | 2015-09-15 21:02

@疯狂的兔子!: 

<script language="javascript" type="text/javascript">
        window.onload = function() {
            var CheckAll = document.getElementById('All');
            var UnCheck = document.getElementById('uncheck');
            var reverseCheck = document.getElementById('reverseCheck');
            var div = document.getElementById('div');
            var CheckBox = div.getElementsByTagName('input');

            CheckAll.onclick = function() {
                for (var i = 0; i < CheckBox.length; i++)
                    CheckBox[i].checked = true;
            }

            UnCheck.onclick=function(){
                for(i=0;i<CheckBox.length;i++)
                    CheckBox[i].checked = false;
            }

            reverseCheck.onclick=function(){
                for(i=0;i<CheckBox.length;i++){
                    if(CheckBox[i].checked==true){
                        CheckBox[i].checked=false;

                    }else{
                        CheckBox[i].checked=true;
                    };
                };
            }
        }
    </script>

这样试下

jello chen | 园豆:7336 (大侠五级) | 2015-09-15 21:05

@jello chen: 改了哪里啊

疯狂的兔子! | 园豆:171 (初学一级) | 2015-09-15 21:10

@疯狂的兔子!:

改了如下几个地方:

1.var CheckBox = div.getElementsByTagName('input');

2.MeCheckBox[i].checked=false;

3.去掉了两个};

4.将UnCheck.onclick和reverseCheck.onclick放到了window.onload中了

jello chen | 园豆:7336 (大侠五级) | 2015-09-15 21:14

@jello chen: 谢谢啊,哈哈,for循环后面忘记加大括号了

疯狂的兔子! | 园豆:171 (初学一级) | 2015-09-15 21:18
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册