ajax如何实现复选框、全选、全不选、反选功能

"container-fluid">
      <div class="panel panel-info">
        <div class="panel-heading">
          <div class="panel-title">查询结果</div>
        </div>
        <div class="panel-body">
          
          <button type="button"  class="btn btn-success"
            οnclick="location.href='<%=request.getContextPath()%>/studentController/toAddStudent.do'">新增</button>
          <button type="button"  class="btn btn-warning" οnclick="pidelete()">批删</button>
           
        
      <!-- 表格内容 -->
          <table border="1px" class="table" id="table" class="table table-bordered table-hover  table-condensed">
            <thead >
              <td class="success">
                <input type="checkbox" οnclick="qx(this)">
                <button type="button"class="btn btn-warning"  οnclick="qx1()">全选</button>
                <button type="button" class="btn btn-warning" οnclick="qx2()">全不选</button>
                <button type="button"  class="btn btn-warning" οnclick="fx()">反选</button>
              </td>
            <td class="success">学生姓名</td>
            <td class="success">性别</td>
            <td class="success">生日</td>
            <td class="success">班级</td>
            <td class="success">爱好</td>
            <td class="success">创建时间</td>
            <td class="success">修改时间</td>
            <td class="success">图片</td>
            <td class="success">操作</td>
            </thead>
          </table>
        </div>
      </div>
    </div>

<script type="text/javascript">
      //初始化函数
      $(function() {
        query();
      })
      
    //查询方法第一张表
    function query(){
      dataTable = initDatatables(
          "table",
          "<%=request.getContextPath() %>/studentController/queryStudent.do",
          [
            {
              "data": "studentId",
              "render": function (data, type, row, meta) {
                return "<input type=\"checkbox\" name=\"arr\" value=\"" + data + "\" />";
              }
            },
            {"data": "studentName"},
            {
              "data": "sex",
              "render": function (data, type, row, meta) {
                if (data != null)
                  return data.toString().replace("1", "男").replace("2", "女");
                else
                  return "";
              }
            },
            {"data": "birthdayDate"},
            {"data": "studentclass.className"},
            {
              "data": "hobboy",
              "render": function (data, type, row, meta) {
                if (data != null)
                  return data.toString().replace("1", "学习java").replace("2", "篮球").replace("3", "跑步");
                else
                  return "";
              }
            },
            {"data": "createTime"},
            {"data": "updateTime"},
            {
              "data": "fileName",
              "render": function (data, type, row, meta) {
                return '<img src="<%=request.getContextPath()%>' + data + '" width="50px" height="50px">'
              }
            },
            {
              "data": "studentId",
              "render": function (data, type, row, meta) {
                
                var sxj = "男";
                if(row.sex != null && row.sex==1)
                {
                  sxj = "女";
                }
      
                return "<div class=\"btn-group\" role=\"group\" >\n" + 
                    "  <button type=\"button\" class=\"btn btn-info\" οnclick=\"location.href='<%=request.getContextPath() %>/studentController/toAddStudent.do?studentId=" + data + "'\"><i class='glyphicon glyphicon-pencil'></i> 修改</button>\n" +
                    "  <button type=\"button\" class=\"btn btn-danger\" οnclick=\"del(" + data + ")\"><i class='glyphicon glyphicon-trash'></i> 删除</button>\n" +
                    "  <button type=\"button\" class=\"btn btn-success\" οnclick=\"update(" + data + ")\"><i class='glyphicon glyphicon-cog'></i> "+sxj+"</button>\n" +
                    "  <button type=\"button\" class=\"btn btn-success\" οnclick=\"location.href='<%=request.getContextPath() %>/studentController/download.do?studentId=" + data + "'\"><i class='glyphicon glyphicon-cog'></i>下载</button>\n" +
                    "  <button type=\"button\" class=\"btn btn-link\" οnclick=\"location.href='<%=request.getContextPath() %>/studentController/toAddStudentName.do?studentId=" + data + "'\"><i class='glyphicon glyphicon-pencil'></i> 修改时间</button>\n" +
                    "</div>";
              }
            }
          ]
          
      );
    }
      

  

  
    
  
    
    //复选
    function qx(obj) {
      $("[name=arr]").prop("checked",obj.checked);
    }
    
    
    //全选
    function qx1(){
      $("[name=arr]").prop("checked",true);
    }
    //全不选
    function qx2(){
      $("[name=arr]").prop("checked",false);
    }
    //反选
    function fx(){
      $("[name=arr]").each(function(){
        this.checked = !this.checked;
      });
    }