js全选与取消(2)

• 因为第一篇文章中，取消全选中的任意一个单选按钮，全选按钮还是会显示被选中，不符合实际要求，所以(2 此篇)进行更改

    <input type="checkbox" id="Checkboxs">全选
    <br>
    <input type="checkbox" name="check" class='items'>选项1
    <input type="checkbox" name="check" class='items'>选项2
    <input type="checkbox" name="check" class='items'>选项3

    var Checkboxs = document.getElementById('Checkboxs');
    var check = document.getElementsByName('check');
    var items = document.getElementsByClassName('items');
    Checkboxs.onclick= function(){
        for(var i = 0;i<check.length;i++){
          check[i].checked = this.checked;
            }   
     }
        for(var j = 0;j<items.length;j++){  
           items[j].onclick = function(){   
            Checkboxs.checked = true;     // 默认为全选框为选中状态
             for(var i=0;i<items.length;i++){
                 if(!items.checked){
                     Checkboxs.checked = false;
                 }
             }
            }
        }