[JavaScript知识库]jQuery实现全选全不选单选校验，删除所选

先看思路，再看代码

首先单选和多选都是使checked属性判断是否选中
checked属性只能再DOM元素中使用，

<input type="checkbox" id="first" checked>

如此按钮就是已经选中状态
由此来设置点击全选，所有单选按钮为选中就简单了
只需要把所有单选的checked的值为true即可
需要找到所有input按钮的数量，来进行寻找

//checkAll ； 全部的选择按=按钮
        var checkAll = document.getElementsByTagName("input")

全选不全选

只需要当判断当前全选是否选中，然后再以此把所有单选
下标从1是开始是因为第一个input框是全选按钮
剩下的全是单选
然后只需要循环将单选按钮的checked属性设为true即可
相反单选为false时将所有单选为false

var checkAll = document.getElementsByTagName("input")
$('#first').click(function () {//#first是全选
            if (this.checked === true){//全选为选中状态时
                for (var i = 1;i<=checkAll.length;i++){
                    checkAll[i].checked = true
                }
            }else {//全选为 “未选中” 状态时
                for (var j = 1;1<=checkAll.length;j++){
                    //所有单选都被未选中
                    checkAll[j].checked = false
                }
            }
        })

单选全部选中之后，全选选中

首先需要声明一个变量来存储单选有几个被选中
如单选选中的数量等于单选的数量，全选即可选中
1.判断当前点击的单选按钮是否选中，不选中则全选为不选中
2.如选中状态，则变量自增1
3.在选中里面进行判断，如果变量等于单选的数量，则全选的checked的值为true

//单选 与 多选的校验
        $(".second").click(function () {//second 是单选按钮
            var num = 0 ;//记录单选按钮选中状态的个数
            if (this.checked===false){//只要有一个单选按钮为未选中
                //全选按钮也变成未选中
                document.getElementById("first").checked=false
            }else {//所有单选为选中状态时
                for (var i =1;i<=checkAll.length;i++){
                    if (checkAll[i].checked){//单选选中
                        num++;
                    }
                    if (num===checkAll.length-1){//全部单选都为true时
                        document.getElementById("first").checked=true
                    }
                }
            }
        })

删除选中按钮

需要倒着删，因为当你删除第一个时，下标将进行重置，原来的第二个变量第一个
所以将出现错误
1.循环判断单选按钮是否为选中状态，
2.选中状态，则使用parentNode 和 removeChild方法进行删除一行元素

//删除按钮
        $("#delBtn").click(function () {
            for (var i = checkAll.length-1; i >=1 ; i--) {//倒着删 ， 防止下标变动
                if (checkAll[i].checked){//只删除选中状态的
                    checkAll[i].parentNode.parentNode.parentNode
                    .removeChild(checkAll[i].parentNode.parentNode)
                }
                if (checkAll.length===1){
                    $("#none").show();//暂无数据出现
                    document.getElementById("first").checked=false
                }
            }
        })