Você pode usar a classe `.btn-danger` nativa do próprio Bootstrap (**[veja a lista de classes de botões][1]**). Basta adicioná-la no botão clicado e remover dos outros. Agora, você pode capturar o clique pela classe `.bot-click` através do próprio jQuery: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> $(document).ready(function(){ $(".bot-click").click(function(){ $(".bot-click") .removeClass("btn-danger"); // remove a classe de todos $(this) .addClass("btn-danger"); // adiciona a classe ao botão clicado }); }); <!-- language: lang-html --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script> <div class="container"> <div class="row"> <div class="col-sm"> <button type="button" class="btn btn-primary bot-click" id="E" value="Red">CASA FECHADA</button> </div> <div class="col-sm"> <button type="button" class="btn btn-primary bot-click" id="D" value="Red">ENDEREÇO NÃO LOCALIZADO</button> </div> <div class="col-sm"> <button type="button" class="btn btn-primary bot-click" id="G">CLIENTE REAGENDOU</button> </div> </div> </div> <!-- end snippet --> [1]: https://getbootstrap.com/docs/4.0/components/buttons/