javascript - 根据多个表格单元格条件选中复选框

Question

我有一个充满数据的 html 表，第一列包含一个输入复选框和一个名称。我想在满足两个条件时选中此复选框:

1. 名称为“完整”
2. 发送的日期与“m/d/yyyy”中传递的字符串匹配，即“9/20/2016”(无前导零)

我已经可以使用 getElementByTagName("input") 执行第一个操作并检查它是否是复选框以及名称是否完整

        function checkAllComplete()
        {
            var allRows = document.getElementsByTagName("input");
            for (var i=0; i < allRows.length; i++) {
                if (allRows[i].type == "checkbox" && allRows[i].name == "complete") 
                {
                    allRows[i].checked = true;
                }
            }
        }

单元格中的日期为“9/20/2016 4:02:03 PM”。我还有我想用来将其输入 m/d/yyyy 的正则表达式:

var myRe = new RegExp("^([1-9]|1[012])\/([1-9]|[12][0-9]|3[01])\/(19|20)[0-9]{2}", "g");

但是我无法获取相应的 td 及其文本。我尝试了 getElementsByClassName 但由于还有其他输入项，计数已关闭。我尝试使用复选框的类名，但后来无法检查它们。

我已经为所有 td 分配了一个类，带有复选框的第一列是“actionClass”，带有日期字符串的列是“dateSentClass”

我愿意接受 javascript 或 jquery 作为解决方案。

编辑:这是带有示例表结构的 fiddle https://jsfiddle.net/trueimage/4u87euz5/2/

Answer 1

要获取复选框，您可以使用:

document.querySelectorAll('input[type=checkbox]');

或者:

jQuery('input[type=checkbox]');

您可以使用以下命令获取 tds 数组:

document.querySelectorAll('td.yourClass');

然后您可以调用 innerHTML 或 textContent 以字符串形式获取 td 的内容。

您还可以使用:

jQuery('td.yourClass');

并对每个元素调用.text()以获取td的内容。