选中最多三个复选框并禁用其他复选框

我正在处理一个项目，并在管理端创建了一个网格，其中显示了所有项目，这样当管理员单击三个项目时，它们应该显示在该网站的索引页上，并在选择三个项目后禁用其他复选框，以及何时更改它，删除其中一个选中的复选框，然后将选择权交给其他复选框堆栈溢出。现在这个代码可以工作了，但问题是当我刷新页面或从其他菜单导航时，即使它在索引页面上显示了前三个选定的项目，也可以选择更多的复选框。我如何才能在页面刷新后不选择。这是代码

function disableHandler (form, inputName) {
    var inputs = form.elements[inputName];
    for (var i = 2; i < inputs.length; i++) {
        var input = inputs[i];
        input.onclick = function (evt) {
            if (this.checked) {
                disableInputs(this, inputs);
            }
            else {
                enableInputs(this, inputs);
            }
            return true;
        };
    }
}
function disableInputs (input, inputs) {
    for (var i = 2; i < inputs.length; i++) {
        var currentInput = inputs[i];
        if (currentInput != input) {
            currentInput.disabled = true;
        }
    }
}
function enableInputs (input, inputs) {
    for (var i = 2; i < inputs.length; i++) {
        var currentInput = inputs[i];
        if (currentInput != input) {
            currentInput.disabled = false;
        }
    }
}