纯js 写的全选功能

最新推荐文章于 2022-09-27 14:05:35 发布

xdx2599

最新推荐文章于 2022-09-27 14:05:35 发布

阅读量130

点赞数

分类专栏：纯js 写的全选功能

本文链接：https://blog.csdn.net/xdx2599/article/details/84712952

版权

纯js 写的全选功能专栏收录该内容

1 篇文章 0 订阅

订阅专栏

代码如下


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}"/>