전체선택 checkbox

$(function(){ 
	//전체선택 체크박스 클릭 
$("#allCheck").click(function(){ 
	//만약 전체 선택 체크박스가 체크된상태일경우 
if($("#allCheck").prop("checked")) { 
	//해당화면에 전체 checkbox들을 체크해준다 
$("input[type=checkbox]").prop("checked",true); 
	// 전체선택 체크박스가 해제된 경우 
} else { 
	//해당화면에 모든 checkbox들의 체크를해제시킨다. 
$("input[type=checkbox]").prop("checked",false); 
} 
}) 
}) 

<table> 
<tr> 
	<td> 전체선택 : <input type="checkbox" id="allCheck"/> </td> 
</tr> 
<tr> 
	<td> <input type="checkbox"/> </td> 
</tr> 
<tr> 
	<td> <input type="checkbox"/> </td> 
</tr> 
<tr> 
	<td> <input type="checkbox"/> </td> 
</tr> 
<tr> 
	<td> <input type="checkbox"/> </td> 
</tr> 
<tr> 
	<td> <input type="checkbox"/> </td> 
</tr> 
</table> 

 

 

참고) roqkffhwk.tistory.com/34

jquery 체크박스 전체 선택/해제 샘플소스