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
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
.
-
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.– Einerel 22 oct. 2017 a las 23:57
-