Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/08/2016, 18:36
Avatar de yoyo_38tuzo
yoyo_38tuzo
 
Fecha de Ingreso: febrero-2015
Mensajes: 44
Antigüedad: 9 años, 2 meses
Puntos: 0
Habilitar y Deshabilitar radiobutton

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
  1. <div class="form-group" id="lblaltamanual">
  2.                                         <label><input class="padding-left-0" type="radio" name="opcionalta" onclick="toggle(this)" value="a" checked=""> Alta Manual</label>
  3.                                     </div>
  4. <div class="panel panel-default">
  5.                                     <div class="form-group">
  6.                                         <label><input type="radio" name="opcionalta" onclick="toggle(this)" value="b"> Alta por archivo</label>
  7.                                     </div>
  8.                             <div id="altaarchivo" style='display:none;'>
  9.                                     <div class="col-xs-12 col-sm-7 padding-left-0">
  10.                                         <label class="col-xs-12 padding-left-0">Alias de la estructura:</label>
  11.                                         <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">
  12.                                     </div>
  13. <div id="altaarchivo" style='display:none;'>
  14.                         <div class="col-xs-12 col-sm-12 padding-left-0">
  15.                             <div class="col-xs-12 col-sm-4 padding-left-0">
  16.                                 <label class="col-xs-12 padding-left-0">(*) Alias de estructura:</label>
  17.                                 <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" />
  18.                             </div>
  19.      </div>
  20. </div>

Codigo JavaScript:
Código Javascript:
Ver original
  1. function toggle(elemento) {
  2.         if(elemento.value=="a") {
  3.             document.getElementById("altamanual").style.display = 'block';
  4.             document.getElementById("altaarchivo").style.display = 'none';
  5.             obj = document.getElementById('altaarchivogeneral');
  6.             for (i=0; ele = obj.getElementsByTagName('*')[i]; i++)
  7.             ele.disabled = true;
  8.                                 }
  9.                                
  10.             else{
  11.                 if(elemento.value=="b") {
  12.                    document.getElementById("altaarchivo").style.display = 'block';
  13.                    document.getElementById("altamanual").style.display = 'none';
  14.                    obj = document.getElementById('lblaltamanual');
  15.                    for (i=0; ele = obj.getElementsByTagName('*')[i]; i++)
  16.                    ele.disabled = true;
  17.                                         }
  18.                 }
  19.         };