复选框，全选，取消全选,

代码下载：https://download.csdn.net/download/cplvfx/10447841

HTML

        全选
        

                产品1

                产品2

                产品3

                产品4

                产品5

                产品6

                产品7

                产品8

        

JS

(qx:为this，套用代码时不用修改)

(class_name:为要操作的复选框class值)

//全选,取消全选
function quanxuan(qx, class_name) {
    //获取复选框ID
    var ck = document.getElementsByClassName(class_name);
    //让下面所有的多选选中状态改变
    if (qx.checked) {
        for (i = 0; i < ck.length; i++) {
            ck[i].setAttribute("checked", "checked");
            //状态改变为选中
        }
    } else {
        for (var i = 0; i < ck.length; i++) {
            ck[i].removeAttribute("checked");
            //移除选中
        }
    }
}

代码依赖jquery

代码下载：https://download.csdn.net/download/cplvfx/10447841