Advertisement

开发原始JavaScript实现select元素的全选和全不选功能

阅读量:
复制代码
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>全选和全不选</title>
    		<script>
    			function checkAll(){
    				//1.获取编号前面的复选框
    				var checkAllEle = document.getElementById("checkAll");
    				//2.对编号前面复选框的状态进行判断
    				if(checkAllEle.checked==true){
    					//3.获取下面所有的复选框
    					var checkOnes = document.getElementsByName("checkOne");
    					//4.对获取的所有复选框进行遍历
    					for(var i=0;i<checkOnes.length;i++){
    						//5.拿到每一个复选框,并将其状态置为选中
    						checkOnes[i].checked=true;
    					}
    				}else{
    					//6.获取下面所有的复选框
    					var check

全部评论 (0)

还没有任何评论哟~