Intentaré explicarlo de la manera más clara; Necesito que al activar mi checkbox este se desactive o se ponga en solo lectura y también guardar ese proceso, para que el refrescar o cerrar la página no tenga que volver a activarlo, hasta el momento guardo la selección del checkbox con localStorage, el detalle que puedo volver a deseleccionar el checkbox y ya no sirve de nada el código, en mi caso no es problema ya que se que no debo picarle de nuevo, tengo otro código para desactivarlo una vez haga la selección, el detalle que si le pico de nuevo, mando una alerta y aunque le diga que no mi otro código toma ese clic como una deseleccion y ya no guarda la selección qué hice, abajo dejo el código para guardar la selección y el otro que bloquea el checkbox.
<script>
(function() {
var cbstate;
window.addEventListener('load', function() {
cbstate = JSON.parse(localStorage['CBState'] || '{}');
for(var i in cbstate) {
var el = document.querySelector('input[name="' + i + '"]');
if (el) el.checked = true;
}
var cb = document.getElementsByClassName('save-cb-state');
for(var i = 0; i < cb.length; i++) {
cb[i].addEventListener('click', function(evt) {
if (this.checked) {
cbstate[this.name] = true;
}
else if (cbstate[this.name]) {
delete cbstate[this.name];
}
localStorage.CBState = JSON.stringify(cbstate);
});
}
});
})();
</script>
<script>
$("#test").on('change', function() {
this.checked=!this.checked?!confirm():true;
});</script>