checkbox 多选框：jquery之全选、全不选、反选

checkbox 多选框：jquery之全选、全不选、反选
javascript jquery selectAll
[html] view plain copy

<!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>
相关阅读:
.NET中非对称加密RSA算法的密钥保存
 WGS84经纬度坐标到北京54高斯投影坐标的转换[转]
[APPS] HTC Footprints & HTC Locations for MikG 2.x Read more:
firefox+ssh无法看youtube视频的解决方案
 【转】sdemon命令实践
 How to share a custom ArcMap command (DLL)
【转】sdemon命令实践
 红旗桌面版本最新运用法子和结果解答100例8
红旗Linux桌面4.1文本安装过程图解(二)
Ubuntu把在效能器范畴起更重要的脚色
原文地址：https://www.cnblogs.com/hannover/p/4109777.html

checkbox 多选框 ：jquery之全选、全不选、反选

checkbox 多选框：jquery之全选、全不选、反选