列表框的 全选 反选 取消

对于一个的员工列表的复选框进行全选 反选 取消

 

实现的主要思路是得到表单元素，然后进行循环进行每个元素的操作

 

var checks=document.getElementsByName("employeesID");

var selectVal="";
/**
 * 取得选中的ID
 * @return
 */
function getSelectedID(){
    //alert(checks.length);
    var idstr="";
    for(var i=0;i<checks.length;i++){
        if(checks[i].checked==true){
            if(idstr==""){
                idstr =checks[i].value;
            }
            else{
                idstr +=","+checks[i].value;
            }
        }
    }
    //alert(idstr);
    if(idstr==""){
        selectVal="";
        return false;
    }
    else{
        selectVal=idstr;
        return true;
    }
}

/**
 * 全选
 * @return
 */
function selectAll(){
    for(var i=0;i<checks.length;i++){
        checks[i].checked=true;
    }
}

/**
 * 反选
 * @return
 */
function Inverse(){
    for(var i=0;i<checks.length;i++){
       if(checks[i].checked==true){
           checks[i].checked=false;
       }else{
           checks[i].checked=true;
       }
    }
}

/**
 * 取消
 * @return
 */
function selectNothing(){
    for(var i=0;i<checks.length;i++){
        checks[i].checked=false;
    }
}

/**
 * 全选
 * @return
 */
function getSelectVal(){
    getSelectedID();
    return selectVal;
}