Skip to main content
se añadieron 46 caracteres en el cuerpo
Origen Enlace
Gurax
  • 136
  • 5

Primero de todo añade a tus botones disabled='disabled'

<button type="submit" class="btn btn-primary" id="btn2" disabled="disabled"></button>
    <button type="submit" class="btn btn-primary" id="btn3" disabled="disabled"></button>

Ahora que ya están bloqueados con jquery puedes utilizar

function activarPrimerBoton() {
  if (!$("#btn2").hasClass("Activo")) {
    $("#btn2").addClass("Activo").prop('disabled', false);
  }
}

$("#combo1").change(function () {
  activarPrimerBoton();
}); 


$("#btn2").click(function() {
 if ($("this""#btn2").hasClass("Activo")) {
   $(this"#btn2").removeClass("Activo").prop('disabled', true);
   $("#btn3").addClass("Activo").prop('disabled', false);
 }
}

activarPrimerBoton es una función que simplemente añade la clase Activo a tu botón con id btn2 si es que ya no estaba activo, esto lo hacemos con hasClass que nos devuelve true si existe y además elimina la caracteristica disabled de tu botón.

Luego indicamos que si el valor de combo1 cambia activaremos la función activarPrimerBoton

Y ya por último le indicamos que si hacemos click en #btn2 y este contiene la clase Activo, borramos su clase Activo, desactivamos el botón y activamos el btn3

Espero que te sirva

Primero de todo añade a tus botones disabled='disabled'

<button type="submit" class="btn btn-primary" id="btn2" disabled="disabled"></button>
    <button type="submit" class="btn btn-primary" id="btn3" disabled="disabled"></button>

Ahora que ya están bloqueados con jquery puedes utilizar

activarPrimerBoton() {
  if ($("#btn2").hasClass("Activo")) {
    $("#btn2").addClass("Activo").prop('disabled', false);
  }
}

$("#combo1").change(activarPrimerBoton);

$("#btn2").click(function() {
 if ($("this").hasClass("Activo")) {
   $(this).removeClass("Activo").prop('disabled', true);
   $("#btn3").addClass("Activo").prop('disabled', false);
 }
}

activarPrimerBoton es una función que simplemente añade la clase Activo a tu botón con id btn2 si es que ya no estaba activo, esto lo hacemos con hasClass que nos devuelve true si existe y además elimina la caracteristica disabled de tu botón.

Luego indicamos que si el valor de combo1 cambia activaremos la función activarPrimerBoton

Y ya por último le indicamos que si hacemos click en #btn2 y este contiene la clase Activo, borramos su clase Activo, desactivamos el botón y activamos el btn3

Espero que te sirva

Primero de todo añade a tus botones disabled='disabled'

<button type="submit" class="btn btn-primary" id="btn2" disabled="disabled"></button>
    <button type="submit" class="btn btn-primary" id="btn3" disabled="disabled"></button>

Ahora que ya están bloqueados con jquery puedes utilizar

function activarPrimerBoton() {
  if (!$("#btn2").hasClass("Activo")) {
   $("#btn2").addClass("Activo").prop('disabled', false);
  }
}

$("#combo1").change(function () {
  activarPrimerBoton();
}); 


$("#btn2").click(function() {
 if ($("#btn2").hasClass("Activo")) {
   $("#btn2").removeClass("Activo").prop('disabled', true);
   $("#btn3").addClass("Activo").prop('disabled', false);
 }
}

activarPrimerBoton es una función que simplemente añade la clase Activo a tu botón con id btn2 si es que ya no estaba activo, esto lo hacemos con hasClass que nos devuelve true si existe y además elimina la caracteristica disabled de tu botón.

Luego indicamos que si el valor de combo1 cambia activaremos la función activarPrimerBoton

Y ya por último le indicamos que si hacemos click en #btn2 y este contiene la clase Activo, borramos su clase Activo, desactivamos el botón y activamos el btn3

Espero que te sirva

Origen Enlace
Gurax
  • 136
  • 5

Primero de todo añade a tus botones disabled='disabled'

<button type="submit" class="btn btn-primary" id="btn2" disabled="disabled"></button>
    <button type="submit" class="btn btn-primary" id="btn3" disabled="disabled"></button>

Ahora que ya están bloqueados con jquery puedes utilizar

activarPrimerBoton() {
  if ($("#btn2").hasClass("Activo")) {
    $("#btn2").addClass("Activo").prop('disabled', false);
  }
}

$("#combo1").change(activarPrimerBoton);

$("#btn2").click(function() {
 if ($("this").hasClass("Activo")) {
   $(this).removeClass("Activo").prop('disabled', true);
   $("#btn3").addClass("Activo").prop('disabled', false);
 }
}

activarPrimerBoton es una función que simplemente añade la clase Activo a tu botón con id btn2 si es que ya no estaba activo, esto lo hacemos con hasClass que nos devuelve true si existe y además elimina la caracteristica disabled de tu botón.

Luego indicamos que si el valor de combo1 cambia activaremos la función activarPrimerBoton

Y ya por último le indicamos que si hacemos click en #btn2 y este contiene la clase Activo, borramos su clase Activo, desactivamos el botón y activamos el btn3

Espero que te sirva