Actvar y desactivar select mediante radio

[franjgg]

Hola amigos como estais,

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:

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:

<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 class="form_proceso label" for="productos">Crea tu estantería de <strong>productos en general.</strong>
                                    </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 class="form_proceso label" for="articulos">Crea tu estantería de <strong>artículos por marca.</strong>
                                    </label>
 
                                </li>
 
                            </ul>
 
 
                    </div>
 

Y este el del segundo:

Código Javascript:

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:

<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">              
 
 
                        <label class="style_label_proceso">¿Cuál es tu marca?</label>
                        <input type="text" name="nombre_estanteria_marcas" class="input_text_form_proceso">
 
                        <label class="style_label_proceso">¿Cuántos artículos ofreces de esta marca?</label>
 
                        <select id="numero_articulos_marcas" name="numero_articulos_marcas" class="textarea_form_proceso" onChange="actualizarCampos(this.value)" disabled="disabled">
                        <option>-Seleccione-</option>
                        <option value="5">hasta 5</option>
                        <option value="10">hasta 10</option>
                        <option value="20">hasta 20</option>
                        <option value="35">hasta 35</option>
                        <option value="50">hasta 50</option>
                        <option value="75">hasta 75</option>                                    
                        <option value="100">hasta 100</option>
                        </select>
 
 
                </div>
 
 
                <div class="div_right_proceso">         
 
                    <p class="texto_info_proceso">Para diseñar tu estantería con tus marcas, responde a cuál es tu marca, por ejemplo, Levis. A continuación, elige el número de artículos que deseas introducir de esa marca, hasta 5, hasta 10, etc...</p>
                
                </div>
 
        </div>
 
        </div>
 

A ver si alguien sabe de que modo se podria solucionar esto.

Un saludo