document.querySelectorAll('#arrayTable input[type="checkbox"]:checked');如何选到第一个和最后一个
时间: 2024-10-17 14:03:36 浏览: 12
`document.querySelectorAll('#arrayTable input[type="checkbox"]:checked')` 是一段JavaScript代码,它使用 `querySelectorAll` 方法选择所有id为 "arrayTable" 的元素下,type属性为 "checkbox" 并且被选中的(即被用户勾选的)输入框。
如果你想要获取第一个被选中的复选框和最后一个被选中的复选框,你可以稍微调整查询:
1. **获取第一个被选中的**:
```javascript
let firstChecked = Array.from(document.querySelectorAll('#arrayTable input[type="checkbox"]:checked'))[0];
```
这里使用 `Array.from()` 将查询结果转换为数组,并取索引为0的第一个元素。
2. **获取最后一个被选中的**:
由于 `querySelectorAll` 返回的是NodeList,不是一个动态大小的数组,因此需要遍历整个列表找到最后一个被选中的元素,可以这样做:
```javascript
let lastChecked;
let elements = document.querySelectorAll('#arrayTable input[type="checkbox"]:checked');
if (elements.length > 0) {
lastChecked = elements[elements.length - 1];
}
```
这会检查是否有元素被选中,如果有,则取最后一个。
阅读全文