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
