[SOLUCIONADO] Habilitar y Deshabilitar radiobutton

yoyo_38tuzo · #1 (**permalink**) 10/08/2016, 18:36

Buenas tardes comunidad, tengo un pequeño problema a la hora de bloquear y desbloquear dos radio buttons, quisiera que ya una vez bloqueados me den la opcion para volver a darle click a los radio buttons que ya se deshabilitaron, ademas de que tengo una opcion por default en checked pero no me la respeta, no bloquea el otro Div, muchas gracias.

Codigo HTML:

Código HTML:

Ver original<div class="form-group" id="lblaltamanual">
                                        <label><input class="padding-left-0" type="radio" name="opcionalta" onclick="toggle(this)" value="a" checked=""> Alta Manual</label>
                                    </div>
<div class="panel panel-default">
                                    <div class="form-group">
                                        <label><input type="radio" name="opcionalta" onclick="toggle(this)" value="b"> Alta por archivo</label>
                                    </div>
                            <div id="altaarchivo" style='display:none;'>
                                    <div class="col-xs-12 col-sm-7 padding-left-0">
                                        <label class="col-xs-12 padding-left-0">Alias de la estructura:</label> 
                                        <input name="3root-tplVentanaOperativa-genericaGapBody-IPaso1-inpFileViewer" class="form-control form-group col-xs-12 padding-left-0" id="root-tplVentanaOperativa-genericaGapBody-IPaso1-inpFileViewer" type="text">
                                    </div>
<div id="altaarchivo" style='display:none;'>
                        <div class="col-xs-12 col-sm-12 padding-left-0">
                            <div class="col-xs-12 col-sm-4 padding-left-0">
                                <label class="col-xs-12 padding-left-0">(*) Alias de estructura:</label> 
                                <input name="3root-tplVentanaOperativa-genericaGapBody-IPaso1-inpFileViewer" class="form-control form-group col-xs-12 padding-left-0" id="root-tplVentanaOperativa-genericaGapBody-IPaso1-inpFileViewer" type="text" />
                            </div>
     </div>
</div>

Codigo JavaScript:

Código Javascript:

Ver originalfunction toggle(elemento) {
        if(elemento.value=="a") {
            document.getElementById("altamanual").style.display = 'block';
            document.getElementById("altaarchivo").style.display = 'none';
            obj = document.getElementById('altaarchivogeneral');
            for (i=0; ele = obj.getElementsByTagName('*')[i]; i++)
            ele.disabled = true;
                                }
                                
            else{
                if(elemento.value=="b") {
                   document.getElementById("altaarchivo").style.display = 'block';
                   document.getElementById("altamanual").style.display = 'none';
                   obj = document.getElementById('lblaltamanual');
                   for (i=0; ele = obj.getElementsByTagName('*')[i]; i++)
                   ele.disabled = true;
                                        }
                }
        };

#2 (**permalink**) 11/08/2016, 10:17

Prueba con lo siguiente, es un ejemplo tu acomodalo para tu necesidad:

Código HTML:

Ver original<html>
    <head>
        <script type="text/javascript">
        function habilita(param){
        var el = document.getElementById("asd");
        el.setAttribute("disabled", "");
            if(param){ 
            el.removeAttribute("disabled");
            }
        }
        </script>
    </head>
    <body>
        <input type="text" id="asd" /><br/>
        <input type="button" value="habilitar" onclick="habilita(true);" /> - <input type="button" value="deshabilitar" onclick="habilita(false);" />  
    </body>
</html>

Lo importante es que se entienda la idea, dudas me dices.