js 遍历复选框

// 获取所有的复选框
var checkboxes = document.querySelectorAll('input[type="checkbox"]');

// 遍历复选框
checkboxes.forEach(function(checkbox) {
    // 这里可以对每个复选框进行操作
    console.log(checkbox.value); // 打印复选框的值
});

// 获取所有具有相同name属性的复选框
var checkboxes = document.getElementsByName('checkboxName');

// 遍历复选框
for (var i = 0; i < checkboxes.length; i++) {
    // 这里可以对每个复选框进行操作
    console.log(checkboxes[i].value); // 打印复选框的值
}

// 获取所有的input元素
var inputs = document.getElementsByTagName('input');

// 遍历input元素，筛选出复选框
for (var i = 0; i < inputs.length; i++) {
    if (inputs[i].type === 'checkbox') {
        // 这里可以对每个复选框进行操作
        console.log(inputs[i].value); // 打印复选框的值
    }
}

document.addEventListener('DOMContentLoaded', function() {
    // DOM加载完成后的操作
});

checkboxes.forEach(function(checkbox) {
    if (checkbox.checked) {
        console.log('选中的复选框值：', checkbox.value);
    }
});