jquery 全选反选实例代码

  • 内容
  • 评论
  • 相关
序号 系统用户 角色 姓名 重置密码 查看 修改 删除
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>

本文标签:

版权声明:若无特殊注明,本文皆为《菜鸟站长》原创,转载请保留文章出处。

本文链接:jquery 全选反选实例代码 - https://wlphp.com/?post=3

发表评论

电子邮件地址不会被公开。 必填项已用*标注