全选、全部选

<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>

猜你喜欢

转载自blog.csdn.net/qq1424035130/article/details/84833785