简单的单选和全选功能实现

全选
    <input type="checkbox" id="quanxuan" >
    <br>
    单选
    <input type="checkbox" class="item">
    <br>
    单选
    <input type="checkbox" class="item">
    <br>
    单选
    <input type="checkbox" class="item">
    <br>
    单选
    <input type="checkbox" class="item">
    <br>
    单选
    <input type="checkbox" class="item">

 // 获得全选按钮的节点和所有单选的节点

    

    var quanbu = document.getElementById('quanxuan')
    var danxuan = document.getElementsByClassName('item')

  // 全选点击的时候让单选按钮也和全选一种状态

quanbu.onchange=function(){
            for(var i = 0;i<danxuan.length;i++){
                danxuan[i].checked = this.checked
           }
       }

// 循环所有单选按钮并加事件

for(var i = 0;i<danxuan.length;i++){
            danxuan[i].onchange=function(){
                panduandanxuan()
            }
        }

// 单选按钮事件
        var panduandanxuan = function(){
            // 定义一个计数器
            var count = 0
            // 每有一个单选为true就加一
            for(var a = 0;a<danxuan.length;a++){
                if(danxuan[a].checked == true){
                    count++
                }
                // 当计数器等于所有单选按钮的length时全选选中
                if(count == danxuan.length){
                    quanbu.checked = true
                    // 否则不选中
                }else{
                    quanbu.checked = false
                }
            }
        }