체크박스 전체선택, 해제하기

제일 위쪽의 체크박스를 클릭해 보세요.<br><br>

이름을 이용한 방법

<table name="table1" align="center" cellpadding="5" cellspacing="0" border="1">
	<tr>
		<th><input type="checkbox" onclick="$('[name=table1] [type=checkbox]:gt(0)').prop('checked', $(this).is(':checked'))" /></th>
		<th>제목</th>
	</tr>
	<tr>
		<td><input type="checkbox" name="seq[]" value="1" /></td>
		<td>제이쿼리는 관대하다</td>
	</tr>
	<tr>
		<td><input type="checkbox" name="seq[]" value="2" /></td>
		<td>제이쿼리는 편리하다</td>
	</tr>
	<tr>
		<td><input type="checkbox" name="seq[]" value="3" /></td>
		<td>제이쿼리는 좋다 ^^*</td>
	</tr>
</table>

<br><br>
관계를 이용한 방법

<table cellpadding="5" align="center" cellspacing="0" border="1">
	<tr>
		<th><input type="checkbox" onclick="$('[type=checkbox]:gt(0)', $(this).parent().parent().parent()).prop('checked', $(this).is(':checked'))" /></th>
		<th>제목</th>
	</tr>
	<tr>
		<td><input type="checkbox" name="seq[]" value="1" /></td>
		<td>제이쿼리는 관대하다</td>
	</tr>
	<tr>
		<td><input type="checkbox" name="seq[]" value="2" /></td>
		<td>제이쿼리는 편리하다</td>
	</tr>
	<tr>
		<td><input type="checkbox" name="seq[]" value="3" /></td>
		<td>제이쿼리는 좋다 ^^*</td>
	</tr>
</table>