<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>JQ 全选和反选和取消</title>
</head>
<body>
<table border="1" style="margin:20px auto;">
<tr><th>选择</th><th>姓名</th></tr>
<tr><td><input type="checkbox" /></td><td>吴者然</td></tr>
<tr><td><input type="checkbox" /></td><td>景临境</td></tr>
<tr><td><input type="checkbox" /></td><td>暴天明</td></tr>
<tr><td><input type="checkbox" /></td><td>落月清</td></tr>
<tr>
<td colspan="2">
<input type="button" value="全选" onclick="checkAll()">
<input type="button" value="反选" onclick="reverseAll()">
<input type="button" value="取消" onclick="cancleAll()">
</td>
</tr>
</table>
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
function checkAll(){
$(':checkbox').prop('checked',true);
}
function cancleAll() {
$(':checkbox').prop('checked',false);
}
function reverseAll(){
$(':checkbox').each(function(){
var v = $(this).prop('checked')? false:true;
$(this).prop('checked',v)
})
}
</script>
</body>
</html>
效果图：
相关推荐
js实现全选和反选功能 js实现全选和反选功能 js实现全选和反选功能 js实现全选和反选功能 js实现全选和反选功能
复选框的全选和反选复选框的全选和反选复选框的全选和反选
带复选框的多级目录树，复选框的选择控制子节点父节点 全选和反选 通过子节点控制父节点及以上父节点是否要选中
这是Jquery的全选和反选功能的实现，并且在全选时能改变成取消全选
高级控件（datagridview等）中加入checkbox实现全选和反选经典例子
带CheckBox的listView 支持多选,全选,反选, 的功能，网上有好多遇见的这种需求做起来有bug，在这里都完美解决了
主要介绍了vue+vant-UI框架实现购物车的复选框全选和反选功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
jQuery全选、反选与获取选中值 jQuery全选、反选与获取选中值 jQuery全选、反选与获取选中值 jQuery全选、反选与获取选中值
jquery 、js实现复选框 (全选、反选)功能··
基于C#的全选，反选，取消，删除，值得学习哦
用Axure RP 8.0做的原型设计列子，作用是复选框做全选和非全选，已选的做反选。可以学习下反选或非反选的交互思路。
android ListView中的checkBox全选和反选Demo
易语言巧妙全选或反选源码,巧妙全选或反选
ASP.NET TreeView 控件每个节点复选，实现浮节点选中所有子节点全选及反选功能
C#的WinForm项目的dataGridView控件的CheckBox的全选、全不选、反选、单选、导出全部、仅导出已选择的项目到Excel的功能。简单明了，一看就懂。 我的腾讯微博：http://t.qq.com/djk8888
CheckBox实现多选列表，并实现全选、反选功能
页面上通过一个checkbox实现全选与反选
demo46-jQuery全选，反选，取消选择.html
html css js表单中全选取消反选效果