动态生成html + script

   <table class="table" id="grid-table">
       <thead>
           <tr class="row_head">
           </tr>
           <tr style="margin-bottom: 5px;"  class="row_size">
           </tr>
       </thead>
   </table>

function get_size_group(e){
    var color_id = e;
    var data = {
      'color_id': color_id,
      'notice_id': null,
      '_token': LA.token,
    };
    $.ajax({
      url: "/admin/samproofing/getSizeInfo",
      type: "GET",
      data: data,
      dataType:'json',
      success: function (res) {
        if(res.code == 1){
          if (res.data.length > 0) {
            $('.size_group').val(res.data[0]['group_id']);
            //渲染尺码
            addSizehtml(res.data);
          }
        }
        else{
          swal(res.msg, '', 'error');
        }
      }
    });
  }
  //尺码
  function addSizehtml(size_group = null){
    console.log(size_group)
    var row_head = $(".row_head");
    var row_size = $(".row_size");
    row_head.empty()
    row_size.empty()
    if(size_group){
      var th = $("<th style='width:85px;padding-left:5px;text-align: left;'>打板尺码&nbsp;<input type='checkbox' class='key-select-all'></th>" +
        " <script>$('.key-select-all').iCheck({checkboxClass:'icheckbox_minimal-blue'}).on('ifChanged', function(event) {\n" +
        "      if (this.checked) {\n" +
        "        $('.key-select').iCheck('check');\n" +
        "      } else {\n" +
        "        $('.key-select').iCheck('uncheck');\n" +
        "      }\n" +
        "    }) ;<\/script>")
      row_head.append(th)

      var td = $("<td style='width:68px;padding-left:5px;padding-top: 10px;text-align: left;font-weight:bold;'><span>打样数量</span></td>")
      row_size.append(td)
      for(var i in size_group){
        var th = $("<th class='column-size_" + size_group[i]['size_id'] +
           "' style='text-align: center;'>" + size_group[i]['size_value'] +
           " <input type='hidden' id='size_check_" + size_group[i]['size_id'] +
           "' name='size_checked[][" + size_group[i]['size_id'] + "]' value='0'>" +

           "<input type='checkbox' class='key-select' data-key='" + size_group[i]['size_id'] +
           "' id='size_checked_" + size_group[i]['size_id'] +"' />" +
           "</th>"
          +
          "<script> $('.key-select').iCheck({checkboxClass:'icheckbox_minimal-blue'});<\/script>"
          )
        row_head.append(th)

        var td = $("<td style = 'width:110px;text-align: center;' >"
          + "<input type='text' id='size_qty_" + size_group[i]['size_id']
          + "' style='text-align: center;font-size: 14px !important;' class='form-control none_input size_qty' name='size_qty[][" + size_group[i]['size_id'] + "]' value='' "
          + "οnkeyup='positiveint(this,0,100,1)'  οnblur='checked_size(this," + size_group[i]['size_id'] + ")'>"
          + "</td>")
        row_size.append(td)

      }
      var th = $("<th style='width:66px;padding-left:5px;text-align: left;'>合计数量</th>")
      row_head.append(th)

      var td = $("<td> " +
        " <input type='text' class='count_qty' style='width:66px;text-align:center; border: none;padding-top: 5px;' name='count_qty' placeholder='0' readonly='1' value="+ size_group[i]['size_qty'] + ">" +
        " <input type='hidden' class='count_sel' name='count_sel' placeholder='0' readonly='1' value='0'>" +
         " </td>")

      row_size.append(td)
    }
  }