# head里面

　 <script src="jquery.min.js"></script>

    <script src="common.js">

        $(function (){

            selectall();

            cancel();

            reverse();

        });

    </script>

# common.js文件

        function selectall() {

            $("table :checkbox").prop("checked", true)

        }

        function cancel() {

            $("table :checkbox").prop("checked", false)

        }

        function reverse() {

            $("table :checkbox").each(function () {

                $(this).prop("checked", !$(this).prop("checked"));

            });

        }

注意：

如果jq的导入是写在body标签前，会因为元素还没有加载而出错，原因与js写在开头一样，必须用window.onload=function(){}，确保元素先加载完。