Tema: comportamiento botones js
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 11/01/2016, 07:55
ZedGe1505
 
Fecha de Ingreso: junio-2011
Mensajes: 289
Antigüedad: 12 años, 10 meses
Puntos: 15
Respuesta: comportamiento botones js
Espero te sirva algo así:

Código HTML: 
Ver original
  1. <body>
  2. <button type="button" class="btn-curso" id="primero" onclick="hiddenParcial()">Parcial</button>
  3.  
  4.     <button type="button" class="btn-finish"  id="segundo" onclick="hiddenTotal()" disabled>Total</button>
  5.     
  6.       <button type="button" class="btn-finish" id="tercero" onclick="visualiza_tercero()" disabled>Ninguno</button>
  7.    </body>


Código Javascript: 
Ver original
  1. function hiddenParcial() {
  2.         document.getElementById("primero").disabled = true;
  3.         document.getElementById("segundo").disabled = false;
  4.         document.getElementById("tercero").disabled = false;
  5. };
  6.  
  7. function hiddenTotal() {
  8.         document.getElementById("primero").disabled = false;
  9.         document.getElementById("segundo").disabled = true;
  10.         document.getElementById("tercero").disabled = false;
  11. };
  12.  
  13. function visualiza_tercero() {
  14.         document.getElementById("primero").disabled = false;
  15.         document.getElementById("segundo").disabled = false;
  16.         document.getElementById("tercero").disabled = true;
  17. };

Aquí el código funcionando:


https://jsfiddle.net/8hj6stxr/2/


Tu puedes cambiar el código para ver si quieres ocultarlos o deshabilitarlos