Html表格全选对应的javascript

<script type="text/javascript">
    //全选功能
    $("table th input:checkbox").on(
            "click",
            function() {
                var that = this;
                $(this).closest("table").find("tr > td:first-child input:checkbox").each(function() {
                    this.checked = that.checked;
                    if(this.checked){
                        $(this).parents("tr").addClass("success");//success是一个颜色类样式
                    }else{
                        $(this).parents("tr").removeClass("success");
                    }
                });
                
            });
    //单击行选中
    var checkLine = function(e) {
        $(e).find("td:first-child input").each(function(){
            this.checked=!this.checked;
            if(this.checked){
                $(e).addClass("success");
            }else{
                $(e).removeClass("success");
            }
        });
        fullCkOrNot();
    }
    //checkbox单击事件
    $("table tr td input:checkbox").on("click",function(){
        this.checked=!this.checked;
        fullCkOrNot();
    });
    //全选checkbox响应其他checkbox的选中事件
    var fullCkOrNot=function(){
        var allCB=$("table th input:checkbox").get(0);
        if($("table tr td input:checkbox:checked").length==$("table tr td input:checkbox").length){
            allCB.checked=true;
        }else{
            allCB.checked=false;
        }
    };
</script>

 表格结构为：

　　　　　　　　　　　　　　<table id="dataTable"
                                class="table table-striped table-bordered table-hover">
                                <thead>
                                    <tr>
                                        <th class="center"><label> <input type="checkbox"
                                                class="ace" /><span class="lbl"></span>
                                        </label>
                                        </th>
                                        <th>名称</th>
                                        <th>权限</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    <c:forEach var="role" items="${roleList }">
                                        <tr onclick="checkLine(this);">
                                            <td class="center"><label><input type="checkbox"
                                                    class="ace" name="checks" value="${user.id }"/> <span
                                                    class="lbl"></span> </label></td>
                                            <td>${user.name }</td>
                                            <td>${user.rights }</td>
                                        </tr>
                                    </c:forEach>
                                </tbody>
                            </table>