JSP页面实现checkbox的全选功能

1、在jsp页面定义<script>标签

<script type="text/javascript"
        src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>

以上这一段一定需要，因为是用网上的jq插件。
    <script type="text/javascript">
        //checkbox 全选/取消全选
        var isCheckAll = false;
        function swapCheck() {
            if (isCheckAll) {
                $("input[type='checkbox']").each(function() {
                    this.checked = false;
                });
                isCheckAll = false;
            } else {
                $("input[type='checkbox']").each(function() {
                    this.checked = true;
                });
                isCheckAll = true;
            }
        }

        function aa() {
            var bb = "";
            var temp = "";
            var a = document.getElementsByName("user");
            for (var i = 0; i < a.length; i++) {
                if (a[i].checked) {
                    temp = a[i].value;
                    bb = bb + "," + temp;
                }
            }
            document.getElementById("tempString").value = bb.substring(1,
                    bb.length);
        }
    </script>

2、接着在你需要加入全选功能的checkbox上加上事件οnclick="swapCheck()"

th class="table-check"><input type="checkbox"
                                                οnclick="swapCheck()" class="tpl-table-fz-check"></th>

即可完成全选功能。

在学习的时候做到的，感觉以后也会用到，就保存下来。