javascript - 如何使用字符串调用函数

Question

我正在从表格的所有标题创建一个字符串，为每个标题制作一个复选框，如果未选中，它应该隐藏列，如果选中则显示。该函数将所有复选框放在一个 div 中。

我在页面加载时调用该函数(在正文中加载)

这是我的功能:

function getFirstRow(table) {
    var table = document.getElementById(table);
    var row = table.getElementsByTagName('tr')[0];
    var cells = row.getElementsByTagName('th');
    var str = "";
    for (var i=0; i < cells.length; i++) {
        str += "<input type='checkbox' onclick='hideOrShowCol('TreesTable', "+i+", this);' checked='checked' />" + cells[i].innerHTML + " ";
    }
    document.getElementById("hideAndShow").innerHTML = str;
}

这是隐藏/显示功能:

function hideOrShowCol(table, col, e) {
    alert(e.checked);
    var ifToShow = "";
    if (e.checked)
        ifToShow = "table-cell";
    else
        ifToShow = "none";
    var getTable = document.getElementById(table);
    var tds = getTable.getElementsByTagName("tr");
    for (var i = 0; i < tds.length; i++) {
        tds[i].childNodes[col].style.display = ifToShow;
    }
}

所以问题是当我用第一个函数创建复选框时它没有调用该函数，但是当我直接在 html 中编写时它工作正常，如下所示:

<input type="checkbox" onclick="hideOrShowCol('TreesTable', 2, this);" checked="checked" />

有人知道它可能是什么吗？？我什么都试过了...谢谢。

Answer 1

"<input type='checkbox' onclick='hideOrShowCol('TreesTable', "+i+", this);' checked='checked' />"无效，因为“TreesTable”中的单引号嵌套在 onclick 的单引号内。

尝试更改为 "<input type='checkbox' onclick='hideOrShowCol(\"TreesTable\", "+i+", this);' checked='checked' />"