利用JQuery实现表格的全选/全不选及子项与总项的联动

最新推荐文章于 2024-01-23 19:19:19 发布

鸭鸭利亚

最新推荐文章于 2024-01-23 19:19:19 发布

阅读量357

点赞数

分类专栏：前端文章标签： java 前端 jquery javascript

本文链接：https://blog.csdn.net/zn740238424/article/details/126631430

版权

1 表格搭建

2 实现全选及全不选

3 实现子项与总项的反向联动

1 表格搭建

<body bgcolor="#c3d4bb">
			<div class="d00">
				<div class="d01">学生信息表</div>
				<table class="table table-hover" id="c00">
					<tr>
						<td><input type="checkbox" id="i0"/></td>
						<td>编号</td>
						<td>姓名</td>
						<td>性别</td>
					</tr>
					
					<tr>
						<td><input type="checkbox" class="a1"/></td>
						<td>1</td>
						<td>令狐冲</td>
						<td>男</td>
					</tr>
					
					<tr>
						<td><input type="checkbox" class="a1"/></td>
						<td>2</td>
						<td>任我行</td>
						<td>男</td>
					</tr&