欢迎来到PHP菜鸟博客    登录
我的订单    |  会员中心  
     
就算这个世道烂成一堆粪坑,那也不是你吃屎的理由!!
购物车

首页 > 网站前端 > 产品详情

jquery 全选反选实例代码

 

9999.00    (库存:有货)

已超出库存数量!

  • 详情
序号 系统用户 角色 姓名 重置密码 查看 修改 删除
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>