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

来源:互联网 发布:mac 磁盘工具找回照片 编辑:程序博客网 时间:2024/05/20 06:04

利用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>


0 0
原创粉丝点击