您的位置：首页 > Web前端 > JavaScript

js实现全选反选

2015-08-05 18:18 603 查看 
<body>
<button id="btn1">全选</button> <button id="btn2">不选</button> <button id="btn3">反选</button>
<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">
</div>
</body>
<pre name="code" class="html">	<script>
window.onload=function(){
var oDiv=document.getElementsByTagName('div');
var oBt1=document.getElementById('btn1');
var oBt2=document.getElementById('btn2');
var oBt3=document.getElementById('btn3');
var oIpt=oDiv[0].getElementsByTagName('input');
oBt1.onclick=function(){
for(var i=0;i<oIpt.length;i++){
oIpt[i].checked=true;
}
}
oBt2.onclick=function(){
for(var i=0;i<oIpt.length;i++){
oIpt[i].checked=false;

}
}
oBt3.onclick=function(){
for(var i=0;i<oIpt.length;i++){
if(oIpt[i].checked==true){
oIpt[i].checked=false;
}else{
oIpt[i].checked=true;
}

}
}
}
</script>




犯错地方：1、for循环中将三者的顺序排反

2、input中checked类型是否选中用true/false表示

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航