dom如何获取到页面中多个复选框最后选中的哪一个
时间: 2024-10-17 13:08:37 浏览: 15
jQuery获取复选框被选中数量及判断选择值的方法详解
在DOM中,如果你想获取页面上所有复选框中最后一个被选中的,可以按照以下步骤操作:
首先,在JavaScript中,你可以通过`document.querySelectorAll()`方法选择所有的复选框元素,加上筛选条件`input[type="checkbox"]`。然后,遍历这些选中的复选框(`querySelectorAll`返回的是NodeList,不是数组,所以需要用`forEach`):
```javascript
var checkboxes = document.querySelectorAll('#arrayTable input[type="checkbox"]:checked');
if (checkboxes.length > 0) { // 确保有选中的复选框
var lastCheckedBox = checkboxes[checkboxes.length - 1]; // 最后一个被选中的复选框就是列表的最后一个元素
var label = lastCheckedBox.nextElementSibling; // 获取对应的标签文本
var selectedValue = label.innerText; // 获取标签的文字内容作为选中值
}
```
这里的`lastCheckedBox`就是你需要的最后选中的复选框,`selectedValue`则是它的文字描述。
如果你希望在每次有新的选择时都能更新这个变量,可以在循环里动态更新`lastSelected`,就像代码片段中所示那样:
```javascript
// ...
lastSelectedItem = nowSelect;
// ...
```
阅读全文