2

necesito que al dar click en un boton que esta verde, se ponga rojo, y si esta rojo se vuelva a poner verde. actualmente utilizo bootstrap podria ser que al dar click sea danger y al darle de nuevo sea primary. se que se hace con JS pero la verdad no se como. de antemano muchas gracias

1 respuesta 1

0

Utiliza el metodo .toggleClass() de jquery donde puedes cambiar una clase o la otra dependiendo de cual este seleccionada:

$("#mi-boton").click(function(){
  $(this).toggleClass("btn-danger btn-success");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://getbootstrap.com/docs/3.3/dist/css/bootstrap.min.css" rel=stylesheet>
<button id="mi-boton" class="btn btn-danger">boton</button>

En este ejemplo segun de clic cambia entre la clase .btn-danger o .btn-success.

3
  • pero para este caso si lo implemento de esa manera pasaria para todos los botones , no?. como podria como colocar un id o algo asi. el 22 oct. 2017 a las 23:56
  • Si, puedes agregar un id para que solo te funcione en un solo elemento y no en todos. Actualize la respuesta haciendolo funcionar con el id del elemento.
    – Einer
    el 22 oct. 2017 a las 23:57
  • amigo mil gracias, eso era lo que necesitaba. el 23 oct. 2017 a las 0:00

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.