纯js 写的全选功能

代码如下

function selectAll(selectAllID,checkboxName){
	 
	 var oEvent = oEvent ? oEvent : window.event 
	 var oElem = oEvent.toElement ? oEvent.toElement : oEvent.relatedTarget; 
	
	var checks = document.getElementsByName(checkboxName);
	var tag = document.getElementById(selectAllID);
	if(oElem.id==selectAllID){
	    for(var i=0;i<checks.length;i++){
	    	checks[i].checked=tag.checked;
	    }
	    return ;
	}else{
		if(oElem.checked){//如果被选中
			for(var i=0;i<checks.length;i++){//遍历所有
		    	if(checks[i].checked==false){//如果有未选中的则全选置为未选中状态
		    		tag.checked = false;
		    		return ;
		    	}
		    }
			tag.checked = true;//如果全部选中则全选框置为选中状态
    		return ;
		}else{//如果没被选中
			tag.checked = false;
			return ;
		}
	}	
};

在jsp页面引用的示例如下
<input onclick="selectAll('selectTag','ids');" type="checkbox" name="selectTag" id="selectTag" />全选

<input type="checkbox" onclick="selectAll('selectTag','ids');" name="ids" value="${ host.id}"/>