/** @type {HTMLInputElement[]} */
let checkboxes = [];

window.addEventListener('load', () => {
    checkboxes = document.getElementsByName('id[]');
    let checkall = document.getElementById('checkall');
    let checkbox = document.createElement('input');
    checkbox.type = 'checkbox';
    checkbox.addEventListener('input', checkallHandler);
    checkall.innerHTML = '';
    checkall.appendChild(checkbox);
});

/**
 * Manage input event on the checkall checkbox.
 * @param {InputEvent} e the input event
 */
function checkallHandler(e) {
    if (e.target.checked) {
        for (const checkbox of checkboxes) {
            checkbox.checked = true;
        }
    } else {
        for (const checkbox of checkboxes) {
            checkbox.checked = false;
        }
    }
}