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

来源:2-4 商品预览浮层的原理讲解

奋斗中的小哥

2016-05-26 11:22

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



写回答 关注

2回答

  • 玛尔斯通
    2017-04-17 17:51:32

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

  • 慕尼黑3821393
    2016-06-06 14:24:23

    在每一个单选框的单击事件中,循环遍历每个单选框的状态,如果都是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;
        }
      }
    }


用JS实现购物车特效

通过JavaScript实现类似淘宝网络购物车功能效果

43236 学习 · 167 问题

查看课程

相似问题