JQuery：全選按鈕的實現

 <div>
            <input type="checkbox" value="" id="checkAll"/>全選
            <input type="checkbox" value="" />1
            <input type="checkbox" value="" />2
            <input type="checkbox" value="" />3
            <input type="checkbox" value="" />4
            <input type="checkbox" value="" />5
            <input type="checkbox" value="" />6
        </div>
        <script>
            //全選
            $("#checkAll").click(function () {
                var checkbox = $(this).siblings(":not(#checkAll)");
                checkbox.attr("checked", $("#checkAll").get(0).checked);
            })
        </script>

第一步先找出所有checkbox，然後修改這些checkbox的checked屬性，屬性值和全選按鈕的checked值相同則實現了全選。