一个页面多个列表 要实现各自列表的全选不受影响

这个肯定要js实现的嘛 所以 先发下js

<script>

    //全选
    function CheckAll(chks, chkItem, hnDeleteId) {      
        document.getElementById(hnDeleteId).value = "";
        var inputs = document.getElementsByTagName("input");
        var c = 1;
        for (var i = 0; i < inputs.length; i++) {
            if (inputs[i].type == "checkbox" && inputs[i].id.indexOf(chkItem) != -1) {
                inputs[i].checked = chks.checked;
                if (inputs[i].checked) {
                    c++;
                    if (c == 2) {
                        document.getElementById(hnDeleteId).value = inputs[i].value;
                    } else {
                        document.getElementById(hnDeleteId).value += "," + inputs[i].value;
                    }
                }

            }
        }
    }
    //单选
    function CheckSingle(chkItem, hnDeleteId) {    
        document.getElementById(hnDeleteId).value = "";
        var inputs = document.getElementsByTagName("input");
        var c = 1;
        for (var i = 0; i < inputs.length; i++) {
            if (inputs[i].type == "checkbox" && inputs[i].id.indexOf(chkItem) != -1) {
                if (inputs[i].checked) {
                    c++;
                    if (c == 2) {
                        document.getElementById(hnDeleteId).value = inputs[i].value;
                    } else {
                        document.getElementById(hnDeleteId).value += "," + inputs[i].value;
                    }
                }

            }
        }

<script>

 

首先解释CheckAll(chks, chkItem, hnDeleteId)  调用和参数问题，这是表头全选的点击事件，第一个参数是当前点击控件，要知道是点击的哪个嘛，第二个参数是 对应该列表中的单选复选框的名字，第三个参数是保存你选中的的值的隐藏值控件id，用于删除等操作，CheckSingle(chkItem, hnDeleteId)  第一个参数是单选复选框的名字（其实也可以用this的），第二个是参数是保存你选中的的值的隐藏值控件id