jQueryを使用して、テーブルの一番上にあるチェックボックスをクリックする度に、
ON/OFFを切り替えます。
数行書くだけなので、複数のチェックボックスがあるときは、入れておくと使いやすくなります。
jQuery
$('#all_check').change(function(){
$("input:checkbox").not(this).each(function(){this.checked = !this.checked ;})
});
$("input:checkbox").not(this).each(function(){this.checked = !this.checked ;})
});
HTML
<table>
<tr>
<th><input type="checkbox" id="all_check" /></th>
<th>名前</th>
</tr>
<tr>
<td><input type="checkbox" name="id[]" value="1"/></td>
<td>テスト1</td>
</tr>
<tr>
<td><input type="checkbox" name="id[]" value="1"/></td>
<td>テスト2</td>
</tr>
<tr>
<td><input type="checkbox" name="id[]" value="1"/></td>
<td>テスト3</td>
</tr>
<tr>
<td><input type="checkbox" name="id[]" value="1"/></td>
<td>テスト4</td>
</tr>
<tr>
<td><input type="checkbox" name="id[]" value="1"/></td>
<td>テスト5</td>
</tr>
</table>
<tr>
<th><input type="checkbox" id="all_check" /></th>
<th>名前</th>
</tr>
<tr>
<td><input type="checkbox" name="id[]" value="1"/></td>
<td>テスト1</td>
</tr>
<tr>
<td><input type="checkbox" name="id[]" value="1"/></td>
<td>テスト2</td>
</tr>
<tr>
<td><input type="checkbox" name="id[]" value="1"/></td>
<td>テスト3</td>
</tr>
<tr>
<td><input type="checkbox" name="id[]" value="1"/></td>
<td>テスト4</td>
</tr>
<tr>
<td><input type="checkbox" name="id[]" value="1"/></td>
<td>テスト5</td>
</tr>
</table>