<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>全选，不全选，反选</title>
<script src="../js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(function () {
$("#selectAll").click(function () {//全选
$("#playList :checkbox").attr("checked", true);
});
$("#unSelect").click(function () {//全不选
$("#playList :checkbox").attr("checked", false);
});
$("#reverse").click(function () {//反选
$("#playList :checkbox").each(function () {
$(this).attr("checked", !$(this).attr("checked"));
});
});
});
</script>
</head>
<body>
<div id="playList">
<input type="checkbox" value="歌曲1" />歌曲1<br />
<input type="checkbox" value="歌曲2" />歌曲2<br />
<input type="checkbox" value="歌曲3" />歌曲3<br />
<input type="checkbox" value="歌曲4" />歌曲4<br />
<input type="checkbox" value="歌曲5" />歌曲5<br />
<input type="checkbox" value="歌曲6" />歌曲6
</div>
<input type="button" value="全选" id="selectAll" />
<input type="button" value="全不选" id="unSelect" />
<input type="button" value="反选" id="reverse" />
</body>
</html>
分享到：
相关推荐
jquery实现全选反选全不选案例，在入场网页开发中实现。
实现全选，全不选，反选，获取选中的值 。
jQuery全选、反选与获取选中值 jQuery全选、反选与获取选中值 jQuery全选、反选与获取选中值 jQuery全选、反选与获取选中值
jquery全选反选插件
Jquery全选反选Checkbox 简单好用 复用性很好 欢迎下载
JQuery实现全选、全不选、反选功能 1、当点击'全选'按钮时，页面中所有的复选框都应该为选中状态， 1.1、当再次点击'全选'按钮时，所有的复选框应该是非选中状态。 1.2、当点击子复选框时，'全选'按钮应该是非选中...
jquery Checkbox 全选 反选 全不选 多种实现方法 和表单验证
jquery 、js实现复选框 (全选、反选)功能··
jQuery全选反选及批量删除
demo46-jQuery全选，反选，取消选择.html
jQuery表格行全选反选单选代码，例子采用bootstrap格式，可以选择自定义。
很好用的使用jquery来实现的通用的全选反选功能
NULL 博文链接：https://xdwangiflytek.iteye.com/blog/1343416
全选不选反选jquery
jquery复选框的全选反选等操作
这是Jquery的全选和反选功能的实现，并且在全选时能改变成取消全选
使用jquery实现 checkbox的 全选，反选
利用jQuery全选实现一个简单的全选功能
全选反选jquery一句话搞定，真是帅呆了，jquery！