利用jquery控制全选全不选按钮

最新推荐文章于 2024-04-17 09:12:12 发布

mischen520

最新推荐文章于 2024-04-17 09:12:12 发布

阅读量1.2k

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/miachen520/article/details/52161503

版权

jquery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

利用jquery控制全选全不选按钮

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery-1.7.js"></script>
    <script>
        $(function(){
            $("input[type='button']").click(function(){

                alert($("input[type='checkbox']").prop("checked"));

            })
            $("#check1").click(function(){
                //prop  找集合中第一个的对象的某个属性
                var re= $("input[type='checkbox']").prop("checked");
                //设置属性    不管jquery对象中有多少个对象   都会去设置
//                $("input[type='checkbox']").attr("checked",re);


                $("input[type='checkbox']").each(function(){
                    $(this).attr("checked",re);
                })
            })
        })
    </script>
</head>
<body>
    <input type="button" value="test" /><br/>
    <input type="checkbox" id="check1" /><br/>
    <input type="checkbox"  /><br/>
    <input type="checkbox"  /><br/>
    <input type="checkbox"  /><br/>
    <input type="checkbox"  /><br/>
    <input type="checkbox"  /><br/>
    <input type="checkbox"  />
</body>
</html>

mischen520

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
利用jquery控制全选全不选按钮

利用jquery控制全选全不选按钮 $(function(){ $("input[type='button']").click(function(){ alert($("input[type='checkbox']").prop("checked"));
复制链接

扫一扫

专栏目录