jq选择CheckBox进行排序

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>我的报告</title>
 <meta name="keywords" content="">
 <meta name="description" content="">
 <link rel="shortcut icon" href="../../favicon.ico">
 <link href="/static/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
  <link href="/static/js/skin/layer.css" rel="stylesheet" type="text/css" />
  <link href="/static/css/font-awesome.css?v=4.4.0" rel="stylesheet">
 <link href="/static/css/animate.css" rel="stylesheet">
 <link href="/static/css/style.css?v=4.1.0" rel="stylesheet">
 <link href="/static/css/main.css" rel="stylesheet">
  <link href="/static/css/treeCss.css" rel="stylesheet" type="text/css" />
</head>
<style>
 #moduleSelect{
  border: 1px solid #f5f7fa;margin:14px 0;padding:0;
    background: white;
 }
 #moduleSelect h5{
  background: #f5f7fa;line-height: 24px;padding: 6px 10px;margin: 0
 }
 .moduleSelect ul li{
  padding-right: 12px;
  float: left;
 }
 .moduleSelect{
  padding:0;
 }
 #templateType{
  width: 198px;
  vertical-align: middle;
  padding:0 12px;
 }
 #moduleHtml select,#moduleHtml input[type='text']{
  display: inline-block;
  height: 30px;
  padding: 10px 10px;
  margin:20px 20px;
  font-size: 14px;
  line-height: 20px;
  /*border-radius: 4px;*/
  width:90%;
 }
 #moduleHtml select{
  padding: 0;
 }
 #moduleHtml textarea{
  display: inline-block;
  padding: 10px 10px;
  margin:10px 20px;
  font-size: 14px;
  line-height: 20px;
  height: 100px;
  border-radius: 4px;
  width:90%;
 }
 #moduleHtml input[type='checkbox']{
  display: inline-block;
  padding: 10px 10px;
  margin:10px 20px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px;
 }
 #moduleHtml .control-label{
  width:90%;
  text-align: start;
  margin:0 20px 0 20px;
 }
  .moduleTitle h4{
  background: #f5f7fa;
    text-indent: 0.6em;
    margin: 0;
    padding:10px 6px;
 }
 fieldset {
  border: 1px solid #f5f7fa;
  margin-bottom: 6px;
 }
  .el-tree {
    border:none;
  }
  .el-checkbox__inner {
    width:13px;
    height:13px;
  }
  .el-tree-node__label {
    font-size: 12px;
  }
  .el-tree-node__content {
    line-height: 24px;
    height: 24px;
  }
  .el-tree-node__content{
    border-bottom: 1px dashed #ccc;
  }
  .el-checkbox__inner::after {
    left: 2px;
    position: absolute;
    top: 0px;
  }
  #modules{
    margin-top:10px;
    margin-bottom:10px;
  }
  #moduleContent{
    padding-bottom: 10px;
  }
</style>
<body class="gray-bg">
<!--<input type="hidden" value="" id="loadModules" onchange="loadModules();">-->
<pre id="moudleTemplateIds" hidden="hidden"></pre>
<div class="wrapper wrapper-content" id="createTemplate">
 <div class="row" style="min-height: 500px">
  <div class="col-sm-12 animated fadeInRight">
   <div class="row col-sm-12">
    <form class="form-inline">
     <div class="col-md-3 form-group">
      <label>标题:</label>
      <input type="text" id="titleName" class="form-control input-sm" name="search" placeholder="请输入模块标题">
     </div>
     <div class="col-md-3 form-group">
      <label>类型:</label>
      <select id="templateType" class="form-control input-sm" name="templateType"></select>
     </div>
    </form>
   </div>
   <div class="row col-md-12">
    <form class="form-inline">
     <div class="col-md-3 form-group" id="moduleSelect">
      <div class="moduleSelect col-md-12">
       <h5>模块</h5>
       <ul id="modules">
       </ul>
              <div style="clear: both"></div>
      </div>
      <div class="moduleSelect col-md-12">
       <h5>部门</h5>
              <div>
                <el-tree :data="data2" show-checkbox="" default-expand-all node-key="id" ref="tree" highlight-current :props="defaultProps">
                </el-tree>
              </div>
      </div>
     </div>
     <div class="col-md-9 form-group">
      <div id="moduleHtml" class="mail-box animated fadeInDown" style="margin: 15px;">
      </div>
     </div>
    </form>
   </div>
  </div>
  <div class="clearfix"></div>
 </div>
  <div class="buttons">
    <p style="text-align: center"><el-button @click="getCheckedKeys" id="moduleSave">保存</el-button></p>
  </div>
</div>
 <!-- 全局js -->
 <script src="/static/js/jquery.min.js?v=2.1.4"></script>
 <script src="/static/js/bootstrap.min.js?v=3.3.6"></script>
 <script type="text/javascript" src="/static/js/z_packge1.js"></script>
  <script src="/static/js/layer.min.js" type="text/javascript" ></script>
  <script src="/static/js/vue.js"></script>
  <script src="/static/js/treeJs.js"></script>
  <script>
    $(function(){
        var params = {
            "dictionary_type":"reportType",
            "dictionary_root":true
        };
        var url = '/dictionary/findByTypeAndRoot';
        $.ajaxSend(url,params).done(function(data) {
            if (data.code==='00000000') {
                var dataModule=data.payload.results.dictionarys[0].children;
                $('#templateType').html('');
                $.each(dataModule, function(i,item) {
                    var list = '<option value="' + item.code + '">' + item.name + '</option>';
                    $('#templateType').append(list);
                });
            }
        });
        var url = '/moduleTemplate/list';
        var moduleTempates={};
        var params = {
          curPage:0,
          pageSize:1000
        }
        $.ajaxSend(url,params).done(function(data) {
            if (data.code==='00000000') {
                var dataModule=data.payload.results.moudleTemplates.content;
                $('#modules').html('');
                var tempLists='';
                $.each(dataModule, function(i,item) {
                    tempLists+= '<li><input type="checkbox" name="'+item.name+'" value="'+item.id+'"/>'+item.name+'</li>';
                    moduleTempates[item.id]=item.template;
                    moduleTempates[item.name]=item.name;
                });
                $('#modules').append(tempLists);
            }
        });
        $('#modules').on("change","input[type='checkbox']",function() {
          setTimeout(getD,500);
          function  getD(){
            var arguments1 = document.getElementById("requireOrderDay");
            for(var i=0; i<arguments1.rows.length;i++){
              if(i==0){
                var obj=arguments1.rows[0];
                for(var j=0; j<obj.cells.length;j++) {
                  var obj2=obj.cells[j];
                  obj2.setAttribute("title", obj2.innerHTML);
                }
              }
            }
          }
           var mtId=$(this).val();
           var thisName=$(this).attr('name');
           if($(this).is(':checked')){/*选中，显示模板*/
                var tempContent= moduleTempates[mtId];
                var tempContentName= moduleTempates[thisName];
                var moudleTemplateIds=$('#moudleTemplateIds').html();
               if(!moudleTemplateIds){
                 $('#moudleTemplateIds').append(mtId);
                 $('#moduleHtml').append('<div class="moduleTitle" id="show_mt_'+mtId+'"><h4><span>一</span>、'+tempContentName+'</h4><div style="padding-bottom: 10px;" class="moduleContent">'+tempContent+'</div></div>');
               }else{
                 $('#moudleTemplateIds').append(','+mtId+'');
                 var moudleTemplateId=$('#moudleTemplateIds').html();
                 var moudleTemplateIds=moudleTemplateId.split(",");
                 console.log(moudleTemplateIds.length);
                 var $index=listIndex(moudleTemplateIds.length-1);
                 $('#moduleHtml').append('<div class="moduleTitle" id="show_mt_'+mtId+'"><h4><span>'+$index+'、</span>'+tempContentName+'</h4><div style="padding-bottom: 10px;" class="moduleContent">'+tempContent+'</div></div>');
               }
            }else{   /*取消模板*/
                $('#show_mt_'+mtId).remove();
               var moudleTemplateId=$('#moudleTemplateIds').html();
               var moudleTemplateIds=moudleTemplateId.split(",");
               function removeByValue(arr,val) {
                   for(var i=0; i<arr.length; i++) {
                       if(arr[i] == val) {
                           arr.splice(i, 1);
                       }
                   }
                   return arr;
               }
               var moudleTemplate=removeByValue(moudleTemplateIds,$(this).val());
               $('#moudleTemplateIds').html(moudleTemplateIds.join(','));
            }
        });
        function listIndex($index) {
            var changeIndex=['一','二','三','四','五','六','七','八','九','十','十一','十二','十三','十四','十五','十六','十七','十八','十九','二十','二十一','二十二','二十三','二十四','二十五','二十六','二十七','二十八','二十九','三十'];
            return changeIndex[$index];
        }
    });
  </script>
</body>
</html>