document.querySelectorAll('#arrayTable input[type="checkbox"]:checked');如何选到第一个和最后一个
时间: 2024-10-17 17:03:36 浏览: 54
`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];
}
```
这会检查是否有元素被选中,如果有,则取最后一个。
阅读全文
相关推荐















如何将这串代码转为json <input type="checkbox" v-model="RemitInBox" class="RemitInBox v-pristine v-valid" name="RemitInBox" value="0" v-checked="data.CheckFlag" v-disabled="data.FndDrc!='01' || data.BusiState!='10'" id="List0_RemitIn" v-click="clickBox($index,data)"> IR00252300338A IR00252300338A 2023-05-23 USD20,693.00 BYGGING INTERCONTINENTAL 12 SHEHAB ... 31980005000107125 入账 退汇 待客户确认 受理成功 打印 <input type="checkbox" v-model="RemitInBox" class="RemitInBox v-pristine v-valid" name="RemitInBox" value="1" v-checked="data.CheckFlag" v-disabled="data.FndDrc!='01' || data.BusiState!='10'" id="List1_RemitIn" v-click="clickBox($index,data)"> IR00252300337A IR00252300337A 2023-05-23 USD23,543.50 DIARITA POLYMERS OFFSHORE LTD UNITE... 31980005000107125 入账 退汇 待客户确认 受理成功 打印


