一个单元格中的复选框,取决于同一行级别的另一个单元格中的内容

问题描述 投票:0回答:1

我需要预选复选框,以便可以更改其状态。不幸的是我不是JavaScript专家。

循环必须看起来像这样

tick:
td.col-clipboard input.smallCheckboxes
if:
td.col-clipboard (last-child) contains "sometextstring"

[请帮助,否则我将不得不手动打勾大约2000条记录。

可以使用纯JS或原型JavaScript框架(版本1.7.1)。它是较旧的TYPO3后端。

非常感谢!

javascript typo3 prototypejs
1个回答
0
投票

我创建了一个示例,该示例检查表的每一行,并且如果该行的最后一个单元格包含预定义的变量,则将该行中的所有复选框都设置为true

const rows = Array.from(document.getElementsByTagName('tr'));
const str = 'sometextstring';

rows.forEach(row => {
  const cells = Array.from(row.cells);
  // Find last cell in this row
  const target = cells[cells.length - 1].innerHTML;
  // Compare str to the contents of the cell
  if (target === str) {
    // Set all checkboxes in this row to true except the last one
    for (let i = 0; i < cells.length - 1; i++) {
        cells[i].querySelector('input').checked = true;
    }
  }
})

我的示例区分大小写。

请在此处找到jsfiddle:https://jsfiddle.net/sanderdebr/z23mfthc/34/

© www.soinside.com 2019 - 2024. All rights reserved.