Как я могу установить динамический флажок на веб-странице

Question

Как я могу установить динамический флажок в строки таблицы, когда данные, полученные из модального с использованием сценария Java

function CreateCheckBox(){

    //Second create a row
    var row = document.tbody.tr;
    row.className = 'gridrow';

    //Third create td element
    td = document.tbody.tr.td;
    td.className = 'gridcell';

    td.rowSpan = 1;
    td.style.width = '80px';

    //fourth create checkbox in that td element
    var chkbox = document.createElement('input');
    chkbox.type = "checkbox";
    chkbox.id = "chk" 
    chkbox.name = "chk" 

    //Fifth add checkbox to td element
    td.appendChild(chkbox);
    //Add a td into a row
    row.appendChild(td);
    //Finally added to the form to print

}

<table
    id="example"
    class="form-table"
    class="display select"
    cellspacing="2"
    cellpadding="10">
  <thead>
    <tr>
      <th>CID</th>
      <th>Name</th>
      <th>Address</th>
      <th>TP</th>
    </tr>
  </thead>
  <tbody
    id="tableB"
    data-toggle="checkbox"
    onclick="CreateCheckBox()">
  </tbody>
</table>

но я не могу получить флажок, когда введенные данные из модели на веб-странице .. это таблица на странице индекса .. После этого я кодировал java-скрипт для добавления данных в таблицу

Answer 1

Каждый раз, когда вы хотите добавить любой вызов строки createCheckBox с исключенными параметрами. Надеюсь, это будет работать.

function createCheckBox(cid, name, address, tp) {
  var markup = "<tr><td><input type='checkbox' name='record'></td><td>" + cid + "</td><td>" + name + "</td>	<td>" + address + "</td><td>" + tp + "</td></tr>";
  $(markup).appendTo("#example tbody");
}
createCheckBox(1, 'fafa', 'add', 'Tp1');
createCheckBox(2, 'fafa2', 'add2', 'Tp12');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="example" class="form-table display select" cellspacing="2" cellpadding="10">
  <thead>
    <tr>
      <th>Checkbox</th>
      <th>CID</th>
      <th>Name</th>
      <th>Address</th>
      <th>TP</th>
    </tr>
  </thead>
  <tbody>

  </tbody>
</table>

В конце скрипта я вызываю createCheckBox два раза с другим значением.Таким образом, вы можете заметить две строки в таблице.