列表框的 全选 反选 取消

本文主要是介绍列表框的 全选 反选 取消，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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

 

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

 

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;
}

这篇关于列表框的 全选 反选 取消的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---