PHP菜鸟博客_共同学习分享PHP技术心得【PHP爱好者】
jquery 全选反选实例代码
2015-3-14 菜鸟站长




















































序号

系统用户

角色

姓名

重置密码

查看

修改

删除



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>



发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容