一个html表格,每行tr都有id属性值,tr内首列是复选框,name属性值为”box“。请生成一个JS代码:获取所有复选框已勾选的tr行id
时间: 2024-05-16 14:18:24 浏览: 84
JS获得所有选中的复选框的值
5星 · 资源好评率100%
可以使用以下代码获取所有已勾选的tr行id:
```javascript
var selectedIds = [];
var checkBoxes = document.getElementsByName("box");
for (var i = 0; i < checkBoxes.length; i++) {
if (checkBoxes[i].checked) {
var tr = checkBoxes[i].parentNode.parentNode;
selectedIds.push(tr.id);
}
}
console.log(selectedIds);
```
首先,我们定义了一个空数组selectedIds来存储已勾选的tr行id。然后,使用document.getElementsByName()方法获取所有name属性值为"box"的复选框,这些复选框都是我们需要处理的目标。接着,使用for循环遍历所有复选框,如果复选框被选中,则获取该复选框所在的tr行,并将该行的id值添加到selectedIds数组中。最后,使用console.log()方法打印出所有已勾选的tr行id。
阅读全文