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 著作权归作者所有。请勿转载和采集!