jquery 全选反选实例代码

最新推荐文章于 2022-08-29 21:58:42 发布

娃娃菜001

最新推荐文章于 2022-08-29 21:58:42 发布

阅读量77

点赞数

文章标签： centos 数据库 ssh tomcat mariadb

本文链接：https://blog.csdn.net/u010491492/article/details/117986894

版权

序号	系统用户	角色	姓名	重置密码	查看	修改	删除
1	444	超级管理员	11111	重置密码	查看	修改	删除
2	root	销售员	xiaozhang	重置密码	查看	修改	删除
3	admin	超级管理员	张三	重置密码	查看	修改	删除

<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"></script>
	<div class="row" style="margin-top:30px;">
		<table class="table table-bordered table-striped table-hover hiddel">
			<tbody>
				<tr class="success">
					<td>
						<b><input type="checkbox" id="total" /></b> 
					</td>
					<td>
						<b>序号</b> 
					</td>
					<td>
						<b>系统用户</b> 
					</td>
					<td>
						<b>角色</b> 
					</td>
					<td>
						<b>姓名</b> 
					</td>
					<td>
						<b>重置密码</b> 
					</td>
					<td>
						<b>查看</b> 
					</td>
					<td>
						<b>修改</b> 
					</td>
					<td>
						<b>删除</b> 
					</td>
				</tr>
				<tr class="success">
					<td>
						<input type="checkbox" class="one" name="UserID[]" value="3" /> 
					</td>
					<td>
						1
					</td>
					<td>
						444
					</td>
					<td>
						超级管理员
					</td>
					<td>
						11111
					</td>
					<td>
						重置密码
					</td>
					<td>
						<a name="undefined"></a>查看
					</td>
					<td>
						<a name="undefined"></a>修改
					</td>
					<td>
						删除
					</td>
				</tr>
				<tr class="success">
					<td>
						<input type="checkbox" class="one" name="UserID[]" value="2" /> 
					</td>
					<td>
						2
					</td>
					<td>
						root
					</td>
					<td>
						销售员
					</td>
					<td>
						xiaozhang
					</td>
					<td>
						重置密码
					</td>
					<td>
						<a name="undefined"></a>查看
					</td>
					<td>
						<a name="undefined"></a>修改
					</td>
					<td>
						删除
					</td>
				</tr>
				<tr class="success">
					<td>
						<input type="checkbox" class="one" name="UserID[]" value="1" /> 
					</td>
					<td>
						3
					</td>
					<td>
						admin
					</td>
					<td>
						超级管理员
					</td>
					<td>
						张三
					</td>
					<td>
						重置密码
					</td>
					<td>
						<a name="undefined"></a>查看
					</td>
					<td>
						<a name="undefined"></a>修改
					</td>
					<td>
						删除
					</td>
				</tr>
			</tbody>
		</table>
<script>
 $(function (){
    $("#total").click(function (){
    if(this.checked){    
        $(".one").prop("checked", true);		
    }else{    
        $(".one").prop("checked",false);  
    }	 
	});
});
</script>
	</div>