前端JavaScript同时判断多个不同ID的checkbox是否选中筛选出选中的ID
可以通过遍历checkbox的ID来判断是否选中,并将选中的ID保存到一个数组中。以下是一个示例代码:
// 获取所有checkbox元素
var checkboxes = document.querySelectorAll('input[type="checkbox"]');
// 定义一个数组保存选中的ID
var selectedIDs = [];
// 遍历checkbox元素
for (var i = 0; i < checkboxes.length; i++) {
// 判断当前checkbox是否选中
if (checkboxes[i].checked) {
// 将选中的ID添加到数组中
selectedIDs.push(checkboxes[i].id);
}
}
// 输出选中的ID
console.log(selectedIDs);
在上述代码中,我们首先通过document.querySelectorAll方法获取到所有type为checkbox的元素,然后使用for循环遍历每个checkbox元素。通过判断checkbox.checked属性是否为true来判断是否选中。如果选中,则将对应的ID添加到selectedIDs数组中。最后,我们通过console.log方法将选中的ID输出到控制台。
原文地址: http://www.cveoy.top/t/topic/jfPN 著作权归作者所有。请勿转载和采集!