1

我正在从表格的所有标题中创建一个字符串，为每个标题制作一个复选框，如果未选中它应该隐藏 col 并显示它是否选中。该函数将所有复选框放在一个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" />

有人知道它可能是什么？我尝试了一切...谢谢。

4

2 回答 2

4

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

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

于 2013-02-06T20:15:14.223 回答
0

尝试关闭“i”并将其传递给匿名自调用函数：

for (var i=0; i < cells.length; i++) {
    (function(indx) {
        str += "<input type='checkbox' onclick='hideOrShowCol('TreesTable', "+indx+", this);' checked='checked' />" + cells[indx].innerHTML + " ";
    })(i);
}
于 2013-02-06T20:19:01.147 回答