jQuery 代码解析:获取选中 Checkbox 的 ID
以下代码是一个 jQuery 的事件绑定代码,当点击 class 为 'jiesuan' 的元素时会执行其中的回调函数。
在回调函数中,首先通过 getElementsByClassName 方法获取所有 class 为 'mycheckbox' 的元素,并将其保存在变量 checkboxes 中。
然后定义一个空数组 selectedIDs,用于保存选中的 checkbox 的 id。
接下来通过遍历 checkboxes 数组,判断每个 checkbox 元素是否被选中(checked 属性为 true),若选中则将其 id 添加到 selectedIDs 数组中。
最后通过 console.log 输出 selectedIDs 数组,即输出所有被选中的 checkbox 的 id。
$('.jiesuan').click(function(event) {
// 获取所有checkbox元素
//var checkboxes = document.querySelectorAll('input[class="mycheckbox"]');
var checkboxes = document.getElementsByClassName("mycheckbox");
// 定义一个数组保存选中的ID
var selectedIDs = [];
// 遍历checkbox元素
for (var i = 0; i < checkboxes.length; i++) {
// 判断当前checkbox是否选中
if (checkboxes[i].checked) {
// 将选中的ID添加到数组中
selectedIDs.push(checkboxes[i].id);
}
}
console.log(selectedIDs);
});
原文地址: https://www.cveoy.top/t/topic/7xC 著作权归作者所有。请勿转载和采集!