Vereis, tengo dos radio que al seleccionar uno u otro y dependiando de cual muestra dos div, dentro de cada uno de estos div hay otros dos radio que al pulsar uno se oculta el otro y y viceversa.
El problema es que cuando pulsamos uno de estos dos ultimos radio y despues pulsamos un de los primeros al volver a los dos ultimos radios solo aparece uno de ellos el que se ha seleccionado y necesitaria que apareciesen los dos.
Este es el codigo de los dos primeros radios:
Código Javascript:
Ver original
function showMe () { var vis1; var box1; for (ii=1;ii<=2;ii++){ box1 = document.getElementById('radio' + ii); vis1 = (box1.checked) ? "block" : "none"; document.getElementById('div' + ii).style.display = vis1; } }
Y el html :
Código HTML:
Ver original
<div class="div_form_proceso_productos_articulos"> <ul class="form_proceso ul"> <li class="form_proceso li"> <div class="form_proceso_radio"> <input type="radio" id="radio1" name="lista" value="productos" checked onclick="showMe();" onChange="actualizarCampos()"> </div> </label> </li> <li class="form_proceso li"> <div class="form_proceso_radio"> <input type="radio" id="radio2" name="lista" value="marcas" onclick="showMe()" onChange="actualizarCampos()"> </div> </label> </li> </ul> </div>
Y este el del segundo:
Código Javascript:
Ver original
function show_articulos_marcas () { var vis; var box; for (i=1;i<=2;i++){ box = document.getElementById('radio_articulos_marcas' + i); vis = (box.checked) ? "block" : "none"; document.getElementById('articulos_marcas' + i).style.display = vis; document.getElementById('numero_articulos').disabled = false; document.getElementById('numero_articulos_marcas').disabled = false; } }
Y el html de los segundos radios:
Código HTML:
Ver original
<div id="articulos_marcas2" > <p class="titulos_cabeceras_productos"><input type="radio" id="radio_articulos_marcas2" name="lista_articulos" value="productos" onclick="show_articulos_marcas(this.value)" onChange="actualizarCampos()" class="articulos_radio">Diseña tu estantería por marca <span style="font-weight:normal;"></span></p> <!--<p class="titulos_cabeceras_interior" style="margin-top:30px;">Los platos de tu carta </p>--> <div class="div_form_proceso"> <input type="text" name="nombre_estanteria_marcas" class="input_text_form_proceso"> <select id="numero_articulos_marcas" name="numero_articulos_marcas" class="textarea_form_proceso" onChange="actualizarCampos(this.value)" disabled="disabled"> </select> </div> <div class="div_right_proceso"> </div> </div> </div>
A ver si alguien sabe de que modo se podria solucionar esto.
Un saludo