                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /用JS实现购物车特效

如果单选框全部选中，这个时候全选框也要被选中，这个如何实现？

奋斗中的小哥

2016-05-26

源自：用JS实现购物车特效 2-4

关注问题我要回答

4135

操作

收起

2 回答

玛尔斯通
2017-04-17

也可以写个计数器count。每次选中一个单选框，则count++，当count ===tr.length，则设置全选当checked为true.

2 回复有任何疑惑可以回复我~

收起回答

慕尼黑3821393
2016-06-06

在每一个单选框的单击事件中，循环遍历每个单选框的状态，如果都是true，就将全选框置为true

//获取所有的单选框
var singleBoxs=getElementByClassName('single');
for(var i=0,len=singleBoxs;i<len;i++){
  singleBoxs.onclick=function(){
    var quanxuan=true;
    for(var j=0,len=singleBoxs;j<len;j++){
      quanxuan=quanxuan & this.checked;
    }
    if(quanxuan){
      //获取全选框
      var allBox=document.getElementByClassName('all');
      allBox.checked=true;
    }
  }
}