quería saber si me podían ayudar con este tema que, para mi, es 100% visual.
Lo que tengo es un checkbox que selecciona Todos los demás inputs, que hasta ahi funciona bien, el tema es cuando yo cambio de vista, y vuelvo a la del checkbox, éste aunque tenga valor true o false, siempre se va a poner como si estuviese en true.
Adjunto imágenes (final de todo):
IMAGEN 1: CHECKBOX ON, ESTADO: TRUE
IMAGEN 2: CHECKBOX ON, ESTADO: FALSE
Códigos:
CHECKBOX:
<p>
<label class="switch pull-right">
<input name="SeleccionarTodos" type="checkbox" id="SeleccionarTodos" onclick="checkAll()" />
<span class="slider round vista"></span>
</label>
</p>
Como lo estoy guardando:
var checkStatus = $('#SeleccionarTodos').prop('checked');
sessionStorage.setItem("SeleccionarTodos", checkStatus);
Como lo estaroy recuperando:
$(document).ready(function () {
var sessionStatus = sessionStorage.getItem("SeleccionarTodos");
console.log(sessionStatus);
$('#SeleccionarTodos').prop('checked', sessionStatus);
}
Como ven en la imagen, este console.log()
me dice el valor de la propiedad 'checked'
console.log(sessionStatus);