在表格中添加复选框

Question

我正在尝试创建动态表并使用下面的代码填充数据，并且可以正常工作，但是我需要在每个表行中添加一个复选框选择，我尝试了几种不同的方法，但是它不起作用。

代码

def region = "us-east-1"
def appName = "My app"
def command = "aws elasticbeanstalk describe-application-versions --application-name \"${appName}\" --region ${region}"

Process process = command.execute()
def out = new StringBuffer()
def err = new StringBuffer()
process.consumeProcessOutput( out, err )
process.waitFor()
if( out.size() > 0 ) println out
if( err.size() > 0 ) println err

这是演示

JS Fiddle Demo

有人可以帮我解决这个问题吗？我该如何修改以下代码来实现此目的？

Answer 1

类似这样的东西：

mHeight

在另一列中创建复选框元素。将行ID分配为名称，以便可以将值传递给其他脚本。

Answer 2

此代码有点难以阅读。希望我了解您想要实现的目标。

您需要向阵列添加一个额外的项。可以使用：

vals = [{'textContent': 'generic checkbox item?'}, ...vals];

在行后： var vals = rows[r].childNodes;

可选： 我可以建议使用递归函数来构建dom元素吗？我不建议使用多个for循环。尤其是如果迭代次数超过2行。

Answer 3

只需通过以下代码添加cb：

  td = tr.insertCell();
  var newCheckBox = document.createElement('input');
  newCheckBox .type = 'checkbox';
  newCheckBox .setAttribute('id', 'cb_test' + r);
  td.appendChild(newCheckBox );