这次给大家带来jquery实现全选反选单选，jquery实现全选反选单选的注意事项有哪些，下面就是实战案例，一起来看一下。
<linkrel="stylesheet"href="http://wiki.jikexueyuan.com/project/bootstrap4/dist/css/bootstrap.min.css"rel="external nofollow">
<scriptsrc="https://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<tableclass="table table-bordered ">
<theadclass="tab_head">
<tr>
<td> <inputtype="checkbox"onclick="selectAll()"></td>
<th>角色名称</th>
<th>角色说明</th>
<th>所属系统</th>
</tr>
</thead>
<tbody>
<tr>
<td> <inputtype="checkbox"></td>
<td>系统管理员</td>
<td>管理员角色</td>
<td>武进公安平台</td>
</tr>
<tr>
<td> <inputtype="checkbox"></td>
<td>系统管理员</td>
<td>管理员角色</td>
<td>武进公安平台</td>
</tr>
<tr>
<td> <inputtype="checkbox"></td>
<td>系统管理员</td>
<td>管理员角色</td>
<td>武进公安平台</td>
</tr>
</tbody>
</table>
<script>
function selectAll(){
$("input[type='checkbox']").each( function() {
if($(this).prop("checked")==true) {
$("input[type='checkbox']").prop('checked', true);
return;
} else {
$("input[type='checkbox']").prop('checked', false);
return;
}
});
}
</script>相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
以上是jquery实现全选反选单选的详细内容。更多信息请关注PHP中文网其他相关文章！
