0

我有一个页面，用户可以动态地将行添加到表中。每行包含 3 个输入字段。我需要遍历表中的每一行（1:n 行），并且我需要检查每一行中的输入值。

每一行的输入字段如下：contactName、userName、accountName

对于每一行，这是我想要做的检查。

如果contactName不为null（有值），那么我想将userName和accountName的图像图标设置为“display：none”

如果 userName 不为 null（有值），那么我想将 contactName 和 accountName 的图像图标设置为“display: none”

如果 accountName 不为 null（有值），那么我想将 contactName 和 username 的图像图标设置为“display: none”

所以，基本上，如果其中一个输入有一个值，那么我想隐藏其他两个输入字段的图像图标。

一个问题是，contactName 和 accountName 字段都可以填充。在这种情况下，我想隐藏 accountName 的图像图标。

我开始使用以下方法创建循环遍历表行的函数：

function checkParticipantRows() {
    alert("We are inside the checkParticipant Rows function");
    var table = document.getElementById('{!$Component.theForm.participantBlock.participantSection.participantTable}');
    var rowCount = table.rows.length;
    for(var i=0; i < rowCount; i++) {
        alert("We are looping over row number " + i);
        var cells = table.rows[i].getElementsByTagName("input");
        for(var x=0; x < cells.length; x++) {
            alert("We are looping over the rows input fields");
            alert(cells[x].getAttribute("value"));
        }
    }
}

我被困在如何检查输入？如何引用每行中的输入？输入 ID 是动态生成的。有没有办法直接按行引用输入然后检查值？

我已经从页面源中包含了一些原始 html，用于具有 4 行动态生成的表。

任何帮助将不胜感激。谢谢！

4

0 回答 0