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

[franjgg]

Hola de nuevo que tal,

He conseguido solucionar el problema modificando el codigo de este modo:

Código Javascript:

function actualizarCampos(num_campos)
{
    zona = document.getElementById('campos_text');
 
 
    zona.innerHTML = '';
 
    for(i = 1; i <= num_campos; i++)
    {
        if(i == 1){
 
                zona.innerHTML = '<p class="titulos_cabeceras">Rellenar lista</p><p class="texto_explicativo_gris">Introduce todas tus referencias en plural</p>';
        }
                zona.innerHTML += '<div style="width:47%; float:left; margin-bottom:10px"><span style="font-weight:bold;"><div style="width:90px; float:left; margin:0px 0px 0px 30px;">Artículo '+i+'</div></span><input type="text" name="fichero'+i+'" size="47"  maxlength="35"/></div>';
    }    
}
 
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;
            
        if(document.getElementById('radio' + ii).value == 'marcas'){
            document.getElementById("nombre_estanteria_articulos").value="";
            document.getElementById("nombre_estanteria_marcas").value="";
            document.getElementById("numero_articulos").value="";
            document.getElementById("numero_articulos_marcas").value="";
            document.getElementById("nombre_estanteria_articulos").disabled = true;
            document.getElementById("nombre_estanteria_marcas").disabled = true;
            document.getElementById('articulos_marcas' + '1').style.display = 'block';
            document.getElementById('articulos_marcas' + '2').style.display = 'block';
            document.getElementById('radio_articulos_marcas1').checked = false;
            document.getElementById('radio_articulos_marcas2').checked = false;             
            document.getElementById('numero_articulos').disabled = true;    
            document.getElementById('numero_articulos_marcas').disabled = true;
            document.getElementById('articulos_marcas' + '3').style.display = 'block';              
        }
 
        if(document.getElementById('radio' + ii).value == 'productos'){
            document.getElementById("nombre_estanteria").value="";
            document.getElementById("numero_articulos_general").value="";
        }
 
    }
}
 
 
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;
        document.getElementById("nombre_estanteria_articulos").disabled = false;
        document.getElementById("nombre_estanteria_marcas").disabled = false;           
 
    }
 
}
 

el unico problema es que como se ve en la penrimera funcion este creando unos campos dinamicamente y cuando seleccionamos los checkbox en mozilla estos campos se ocultan pero IE los oculta cuando hacemos click sobre cualquier parte de la pagina, es un poco raro, a ver si alguien se le ocurre que puede estar pasando.

Un saludo