js全选和反选

最新推荐文章于 2022-09-10 10:02:58 发布

hjy170314

最新推荐文章于 2022-09-10 10:02:58 发布

阅读量101

点赞数

分类专栏：前端知识

前端知识专栏收录该内容

104 篇文章 2 订阅

订阅专栏

全选和反选

<script>

    var navBar_list = document.getElementById('title');

    navBar_list.onclick = function(){

        var navBar_list_item = document.getElementsByName('item');

        for(let i=0; i<navBar_list_item.length; i++){

            var e = navBar_list_item[i];

            e.checked = !e.checked;

        }

    }

</script>

全选和清空

<script>

// 选择类型

    var navBar_list = document.getElementById('title')

    navBar_list.onclick = function(){

        var flag = document.getElementById('title').checked;

        var navBar_list_item = document.getElementsByName('item');

        for(let i=0; i<navBar_list_item.length; i++){

            var e = navBar_list_item[i];

            e.checked = flag;

        }

     }

</script>