Question

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

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

对于每一行，这是我正在尝试的检查。

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

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

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

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

一个catch，是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是动态生成的。有没有办法直接引用行的输入，然后检查值？

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

任何帮助都会非常感激。谢谢！

循环遍历表中的行并检查输入

0 个答案: