JS中checkbox的全选、全不选和反选（不包括disabled）

最新推荐文章于 2023-12-07 16:39:21 发布

原创最新推荐文章于 2023-12-07 16:39:21 发布 · 556 阅读

0 ·

CC 4.0 BY-SA版权

本文提供了一段JavaScript代码实现快速选择所有复选框、取消选择所有复选框及反选复选框的功能。适用于网页前端开发中批量操作的需求。

//全选
   function checkAll() {
   var objs = window.document.getElementsByTagName("input");
    for(var   i=0;i<objs.length;i++){
     if (objs[i].type == "checkbox" && objs[i].disabled==false){
     objs[i].checked = true;
     }
    }
   }

//全不选
   function uncheckAll() {
   var objs = window.document.getElementsByTagName("input");
    for(var   i=0;i<objs.length;i++){
     if (objs[i].type == "checkbox" && objs[i].disabled==false ){
      objs[i].checked = false;
     }
    }
   }

//反选
   function switchAll() {
    var objs = window.document.getElementsByTagName("input");
    for(var   i=0;i<objs.length;i++){
     if (objs[i].type == "checkbox" && objs[i].disabled==false){
      objs[i].checked = !objs[i].checked;
     }
    }
   }
checkbox中的默认的选中是checked，不可选是disabled。