js获取checkbox的个数

// 使用querySelectorAll选择所有的checkbox元素
var checkboxes = document.querySelectorAll('input[type="checkbox"]');

// 获取checkbox的数量
var checkboxCount = checkboxes.length;

console.log('页面上的checkbox数量为：', checkboxCount);

window.onload = function() {
    var checkboxes = document.querySelectorAll('input[type="checkbox"]');
    console.log('页面上的checkbox数量为：', checkboxes.length);
};

function updateCheckboxCount() {
    var checkboxes = document.querySelectorAll('input[type="checkbox"]');
    console.log('当前页面上的checkbox数量为：', checkboxes.length);
}

// 假设有一个函数addCheckbox用于添加新的checkbox
function addCheckbox() {
    // 添加checkbox的逻辑...
    updateCheckboxCount(); // 添加后更新数量
}

// 假设有一个函数removeCheckbox用于删除checkbox
function removeCheckbox() {
    // 删除checkbox的逻辑...
    updateCheckboxCount(); // 删除后更新数量
}