Bloquear Check Box por atividade

Olá, alguem tem alguma solução para bloquear a edição de Check Box? por exemplo, da atividade 5 em diante, o usuário não pode editar nenhum Check Box, tentei com esse código mas não bloqueia a edição:

$("#info_basica").attr("readonly", true);

Este aqui da certo: document.getElementById('info_basica').disabled = true; Porém, na próxima atividade o check vem como desmarcado, não salvado o que foi marcado na atividade anterior.

Obrigado

Consegui resolver minha necessidade usando esse CSS:

Depois, no meu js, coloquei o seguinte código: $("#divChecks").addClass("disabledbutton");

onde 'divChecks' é a div que criei envolvendo somente os CheckBox, somente com isso, consegui bloquear a edição dos meus CheckBox na atividade que precisava.