Actualmente estoy desarrollando un ejercicio de formulario para validar con javascript y al mismo tiempo ese ejercicio me pide que lea las cookies y las guarde, de tal manera que para la próxima vez que abra el navegador, los campos del formulario estén rellenos con las cookies guardadas. Hasta aquí todo bien.
De momento he conseguido guardar estas cookies para los campos input del form, pero también tengo radio buttons y un check, y este es mi problema, que no sé como se almacenan estos datos referentes al radio y al check. Espero que alguien pueda orientarme.
Este es el código que tengo para leer y guardar las coookies:
Código:
function comprobarCookies() { //Accedo por ID a cada uno de los input donde quiero leer cookies var nombre = document.getElementById("n"); var apellidos = document.getElementById("a"); var direccion = document.getElementById("d"); var telefono = document.getElementById("t"); //Almacenamos en hayCookies = desescapamos las cookies nombre%3DVero%3Bapellidos...... etc hayCookies = unescape(document.cookie); //Si HAY COOKIES - Almacena nombre = valor; if (hayCookies) { //Dividimos el string en varios bloques, crea array con estos a partir del punto y coma. matrizValores = hayCookies.split("; "); //-6- Almacenamos en posicionSigno el valor que ocupa el signo =. posicionSigno = matrizValores[0].indexOf ("="); //Sustrae de esta matriz desde el igual +1 (es decir la primera letra de la cadena a partir del =) nombre.value = unescape(matrizValores[0].substring (posicionSigno + 1)); //9 posicionSigno = matrizValores[1].indexOf ("="); apellidos.value = unescape(matrizValores[1].substring (posicionSigno + 1)); //9 posicionSigno = matrizValores[2].indexOf ("="); direccion.value = unescape(matrizValores[2].substring (posicionSigno + 1)); //8 posicionSigno = matrizValores[3].indexOf ("="); telefono.value = unescape(matrizValores[3].substring (posicionSigno + 1)); } } function guardarCookies() { var nombre = document.getElementById("n"); var apellidos = document.getElementById("a"); var direccion = document.getElementById("d"); var telefono = document.getElementById("t"); alert("grabando cookies"); document.cookie=escape("nombre=" + nombre.value + "; apellidos=" + apellidos.value + "; direccion=" + direccion.value + "; telefono=" + telefono.value); }
Y estos son el check y el radio buttons de los que hablo, en HTML
Código HTML:
<input id="c" name="condicionesUso" type="checkbox" value="condicionesUso" tabindex="20" class="acepto"> He leído y acepto la Política de privacidad
Código HTML:
<label for="quiero" id="numerodehijos" >Número de hijos *</label> <input type="radio" name="numerohijos" value="0" id="hijo0" />0 <input type="radio" name="numerohijos" value="1" id="hijo1" />1 <input type="radio" name="numerohijos" value="2" id="hijo2" />2 <input type="radio" name="numerohijos" value="3" id="hijo3" />3 <input type="radio" name="numerohijos" value="4" id="hijo4" />4 <input type="radio" name="numerohijos" value="5" id="hijo5" />5 <input type="radio" name="numerohijos" value="6" id="hijo6" />+5
Muchas gracias a todos. Un saludo!