jQuery实现checkbox全选全取消

来源:互联网 发布:中国无神论知乎 编辑:程序博客网 时间:2024/05/18 01:09

 <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>jQuery实现checkbox全选全取消</title>
    <script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
    function selectAll(obj){
        $('#boxes input').attr('checked',$(obj).attr('checked'));
        $('#total').text="一共:" + $('#boxes input').length;
    }
    </script>
</head>
<body>
    <div><input id="Checkbox1" type="checkbox" onclick="selectAll(this);" />全选</div>
    <div id="boxes">
        <input id="Checkbox2" type="checkbox" />001<br />
        <input id="Checkbox3" type="checkbox" />001<br />
        <input id="Checkbox4" type="checkbox" />001<br />
    </div>
</body>
</html>