JavaScript 复选框(checkbox)实现全选、取消全选 、反选实例

原文: JavaScript 函数

   无厘头

JavaScript 复选框实现全选、取消全选 、反选实例:

function opcheckboxed(objName, type){
  var objNameList=document.getElementsByName(objName);
  if(null!=objNameList){
    for(var i=0;i<objNameList.length;i++){  
      if(objNameList[i].checked==true)
      {
        if(type != 'checkall') {  // 非全选
          objNameList[i].checked=false;
        }
        
      } else {
        if(type != 'uncheckall') {  // 非取消全选
          objNameList[i].checked=true;
        }
      }
    }  
  }
}

尝试一下 »

将选中设置为 checked 或 true, 取消选中可设置为空或 false,实现反选使用 checked 属性会出现问题。

更多解析

  qq1056125478

JavaScript 多选框多选与取消多选实例:

function checkboxed(objName){
    var objNameList=document.getElementsByName(objName);    

    if(null!=objNameList){
        alert("全选操作");
        for(var i=0;i<objNameList.length;i++){
            objNameList[i].checked="checked";
        }
    }
}

function uncheckboxed(objName){
    var objNameList=document.getElementsByName(objName);    

    if(null!=objNameList){
        alert("取消全选操作");
        for(var i=0;i<objNameList.length;i++){
            objNameList[i].checked="";
        }
    }
}

尝试一下 »