設置一個全選選框和四個子選框，要實現點擊全選後四個子選框選中，取消全選後四個子選框也取消。全選後點擊某個子選框，全選也能取消。當四個子選框都選中時，全選框也被選擇。

實現代碼：

<script>
	var a=document.getElementById("a");
	var b=document.getElementsByClassName("b");
//全選與取消全選
	var y=true;
	a.onchange=function(){
		
		if(a.checked){
			for (var i=0;i<b.length;i++) 		
				b[i].checked = true;
		}else{
			for (var i=0;i<b.length;i++) {
				   b[i].checked =false;
			
			};
		};
		
	};
//子選框選擇判定全選選框（第一種實現方法）
	for (var i=0;i<b.length;i++) {
		b[i].onchange=function(){
			a.checked = true;
			for (var i=0;i<b.length;i++) {
				if (!b[i].checked) {	
				a.checked=false;
				break;
			} 
			
			}
		
		}
	}

//子選框選擇判定全選（第二種實現方法）
   	
// 		var n = 0;
// 		for (var i=0;i<b.length;i++) {
//			b[i].onchange=function(){
//				n = 0;
//				for(var i = 0; i < b.length; i++)
//				{
//					if(b[i].checked==true){
// 						n++;				
//				}
//				if(n>=4){
//						alert(n); 	
//				a.checked = true;
//			}		else{
//				a.checked = false;
//			}	
//				
// 			}
// 	}
//}

js 全選選框與取消全選代碼