Radio button y cookies.

Rafael · #1 (**permalink**) 05/09/2016, 09:46

Hola.

Tengo un pequeño script para cambiar cuna cookie dependiendo del radio button que tenga seleccionado (Incluyo unas líneas ara ver el contenido de la cookie):

Código Javascript:

Ver original$(document).ready(function(){
 
    var $Status = "A0"+document.cookie;
    document.getElementById("seeCookie").innerHTML=$Status;
 
    $('input').on('click', function() {
        $Opcion=$('input[name=Opciones]:checked', '').val();
        document.cookie = $Opcion;
        
        var $Status = "A0"+document.cookie;
        document.getElementById("seeCookie").innerHTML=$Status;
    });
});

El html es muy simple.

Código HTML:

Ver original<body>
 
<p id="seeCookie">seeCookie</p>
<input type="radio" id="A03" name="Opciones" value="3" /><label for="A03">Three</label>
<input type="radio" id="A04" name="Opciones" value="4"/><label for="A04">Four</label>
 
 
</body>

https://jsfiddle.net/xeb5hq1d/1/

Quiero ahora que al abrir la página lea esa cookie y me prenda el correspondiente radio button, pero que después lo pueda volver a cambiar normalito. Sólo es para el estado inicial.

Código Javascript:

Ver originaldocument.getElementById(Status).checked = true;

Pero no funciona. Como que no le agarro a la lógica básica del script.

¿Algún alma caritativa?

IsaBelM · #2 (**permalink**) 05/09/2016, 11:59

eso ocurre cuando se mezcla azúcar con sal

Cita:

document.getElementById($Status).checked = true;

Rafael · #3 (**permalink**) 05/09/2016, 12:20

Oh...

Gracias.

Rafael · #4 (**permalink**) 05/09/2016, 14:12

Me salió un bug.

Está funcionando bien https://jsfiddle.net/xeb5hq1d/11/ mientras yo no toque el tercer radio (None)

Puedo picarle y efectivamente me aparece A03 o A04 según el caso. Puedo picarle a reload y correr otra vez el fiddle y me lo respeta la cookie.

Puedo incluso picarle al tercer radio y sigue funcionando. Peeero si hago un reload con el tercer radio asignado, la cookie se "congela" en unasigned.

Creo que los tiros van o usar un .one para evaluar el estado de la cookie al cargar la página o hacerle algo a la cookie antes de asignarle el valor unassigned, pero mi crerebro se va a fundir

¿Otra ayuda por favor? Una carita feliz =>

IsaBelM · #5 (**permalink**) 05/09/2016, 17:41

El problema es que tu lógica es errónea desde el inicio. Trabaja con event.target http://www.google.es/search?site=&oq...vent.target+id