全选、全不选

最新推荐文章于 2024-05-13 02:03:57 发布

程序小白222222

最新推荐文章于 2024-05-13 02:03:57 发布

阅读量113

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq1424035130/article/details/84834233

本文介绍了一个商品分类管理界面的设计，包含添加、删除按钮，全选功能，以及展示各类商品分类如手机数码、电脑办公、鞋靴箱包、家居饰品等的详细信息，包括分类ID、名称和描述。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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" id="selectAll"></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>
			<tr>
				<td><input type="checkbox" class="itemSelect"></td>
				<td>3</td>
				<td>鞋靴箱包</td>
				<td>鞋靴箱包类商品</td>
				<td><a href="">修改</a>|<a href="">删除</a></td>
			</tr>
			<tr>
				<td><input type="checkbox" class="itemSelect"></td>
				<td>4</td>
				<td>家居饰品</td>
				<td>家居饰品类商品</td>
				<td><a href="">修改</a>|<a href="">删除</a></td>
			</tr>
		</table>
<script type="text/javascript">
	$(function(){
		$("#selectAll").click(function(){
			$(".itemSelect").prop("checked",this.checked);			
		});
	});
</script>