javaScript常见案例①全选，单选事件

在学习js的过程中，我们往往能见到许多典型案例，今天就来分享个最常用的javaScript案例——全选，单选案例

思路：(明确对什么进行操作，以及其关系）

1.我们进行操作的主体是大复选框（全选键），小复选框

2.当点击大复选框（全选键）时，小复选框全被选中，取消亦然

3.当小复选框全部被选中时，大复选框被选中，只要有一个没被选中，大复选框取消选中

js代码

<script>
		var ckAll = document.getElementById("j_cbAll");
		var cks = document.getElementById("j_tb").getElementsByTagName("input");
		console.log(cks)    
        //设置大复选框
		ckAll.onclick = function(){
			for(var i=0;i<cks.length;i++){
				cks[i].checked = this.checked;	
			}
		};

		// 设置小复选框
		for(var i=0;i<cks.length;i++){//控制每一个小复选框
			
			cks[i].onclick = function(){
				
				var flag = true;
				
				for(var j=0;j<cks.length;j++){
					if(!cks[j].checked){
						flag = false;
						break;
					}
				}

				ckAll.checked = flag;
			};
		}
	</script>

效果图