Javascript 根据同一行级别上另一单元格中的内容,勾选一个单元格中的复选框
我需要预选复选框,以便更改它们的状态。不幸的是,我不是一个JavaScript的家伙 这个循环一定是这样的Javascript 根据同一行级别上另一单元格中的内容,勾选一个单元格中的复选框,javascript,typo3,prototypejs,Javascript,Typo3,Prototypejs,我需要预选复选框,以便更改它们的状态。不幸的是,我不是一个JavaScript的家伙 这个循环一定是这样的 tick: td.col-clipboard input.smallCheckboxes if: td.col-clipboard (last-child) contains "sometextstring" 请帮忙,否则我将不得不手工勾选大约2000条记录 可以使用纯JS或原型JavaScript框架(版本1.7.1)。它是一个较旧的TYPO3后端 提前非常感谢 我创建了一个示例,检查
tick:
td.col-clipboard input.smallCheckboxes
if:
td.col-clipboard (last-child) contains "sometextstring"
请帮忙,否则我将不得不手工勾选大约2000条记录
可以使用纯JS或原型JavaScript框架(版本1.7.1)。它是一个较旧的TYPO3后端
提前非常感谢 我创建了一个示例,检查表中的每一行,如果该行的最后一个单元格包含预定义变量,则将该行中的所有复选框设置为
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;
}
}
})
const rows=Array.from(document.getElementsByTagName('tr');
const str='sometextstring';
rows.forEach(row=>{
const cells=Array.from(row.cells);
//查找此行的最后一个单元格
const target=cells[cells.length-1].innerHTML;
//将str与单元格的内容进行比较
如果(目标===str){
//将此行中除最后一个复选框外的所有复选框设置为true
for(设i=0;i
我的例子是区分大小写的
请在这里找到JSFIDLE:Prototype.js使这一点非常简单:
$$('td.col-clipboard input.smallCheckboxes').select(function(elm){
return elm.up('tr').down('td:last-of-type').innerHTML.include('sometextstring')
}).invoke(writeAttribute, 'checked', 'checked');
您可以通过首先选择TRs来简化它:
$$('tr').map(function(elm){
if elm.innerHTML.include('sometextstring'){
elm.down('input.smallCheckboxes').writeAttribute('checked', 'checked');
}
});
如果TRs有一个类名或表有一个ID,则可以通过将最外层的$$
(按CSS选择器查找全部)方法的参数更改为匹配,将初始选择的范围仅限于这些