<table id="tab1" border="1" width="800" align="center" >
		<tr>
			<td colspan="5"><input type="button" value="新增"/> <input type="button" value="刪除"></td>
		</tr>
		<tr>
			<th><input type="checkbox" onclick="selectAll(this)" ></th>
			<th>分類ID</th>
			<th>分類名稱</th>
			<th>分類描述</th>
			<th>操作</th>
		</tr>
		<tr>
			<td><input type="checkbox" class="itemSelect"></td>
			<td>1</td>
			<td>手機數碼</td>
			<td>手機數碼類商品</td>
			<td><a href="">修改</a>|<a href="">刪除</a></td>
		</tr>
		<tr>
			<td><input type="checkbox" class="itemSelect"></td>
			<td>2</td>
			<td>電腦辦公</td>
			<td>電腦辦公類商品</td>
			<td><a href="">修改</a>|<a href="">刪除</a></td>
		</tr>
	</table>

<script type="text/javascript">
	function selectAll(obj){
		//獲取當前複選框的選中狀態
		var flag=obj.checked;
		//獲取所有的複選框
		var arr=document.getElementsByClassName("itemSelect");
		//遍歷所有的複選框，使複選框的狀態保持一致
		for(var i=0;i<arr.length;i++){
			arr[i].checked=flag;
		}
	}
</script>