复选框的使用：全选，全不选，选一部分

最新推荐文章于 2023-09-21 15:23:15 发布

一尾流鸢cd

最新推荐文章于 2023-09-21 15:23:15 发布

阅读量259

点赞数

分类专栏： jsp页面文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_46603402/article/details/125088424

版权

jsp页面专栏收录该内容

3 篇文章 0 订阅

订阅专栏

function ck(n){
        //获取全部复选框
        var cks = document.getElementsByName("checkbox");
        //获取全选的复选框
        var ckz=document.getElementById("checkboxs");

        var m = 0;//计算勾选商品的个数
        if (n!=-1) {//判断是否为全选按钮
            ckz.checked=false;//不是全选按钮，按钮设置为false
            for (var i = 0; i < cks.length; i++) {
                if (cks[i].checked) {
                    m++;
                }
            }
            if (m==cks.length){
                ckz.checked=true;
            }
        }else {
            for (var i = 0; i < cks.length; i++) {
                cks[i].checked = ckz.checked;
                m++;
            }
        }
    }