Question

如何为动态创建的每一行创建复选框。下面的代码是我如何创建一个表。帮助将不胜感激。信息：我从DB获取组织的值并将这些值发布到表中。

＆＃13;

var table = document.getElementById('orgtable');

for (var i = 0; i < (orgvalues.length); i = i + 1) {

  var row = table.insertRow(-1);

  var cell1 = row.insertCell(-1);
  var cell2 = row.insertCell(-1);



  cell1.innerHTML = '<span style="font-size:20px;">' +
    name + '</span>';

  cell1.innerHTML = '<span style="font-size:20px;">' +
    phone + '</span>';


}

＆＃13;

Answer 1

您可以通过Javascript创建复选框：

var checkbox = document.createElement("INPUT");
checkbox.setAttribute("type", "checkbox");
cell1.appendChild(checkbox);

Answer 2

试一试：

var table = document.getElementById('orgtable');

for (var i = 0; i < (orgvalues.length); i = i + 1) {

  var row = table.insertRow(-1);

  var cell1 = row.insertCell(-1);
  var cell2 = row.insertCell(-1);
  var cell3 = row.insertCell(-1);



  cell1.innerHTML = '<span style="font-size:20px;">' +
    name + '</span>';

  cell2.innerHTML = '<span style="font-size:20px;">' +
    phone + '</span>';

  cell3.innerHTML = '<input type="checkbox" id="yourCheckBoxId" value="yourCheckBoxVal">';


}

动态添加复选框，js jquery

2 个答案: