jquery全选，jquery全不选,jquery反选

最新推荐文章于 2023-07-18 11:18:07 发布

幽幽野草香

最新推荐文章于 2023-07-18 11:18:07 发布

阅读量520

点赞数

分类专栏： JavaScript 文章标签： jquery全选反选

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!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>

幽幽野草香

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery全选，jquery全不选,jquery反选

全选，不全选，反选 $(function () { $("#selectAll").click(function () {//全选 $("#playList :checkbox").attr("checked", true); });
复制链接

扫一扫