Sélection d'un seul bouton de bouton-groupe

Je veux créer un bouton de groupe, où le bouton à partir d'un groupe peut être sélectionné à la fois.

Supposons que nous avons obtenu trois boutons, l'utilisateur doit être en mesure de sélectionner un seul bouton, de sorte que si l'utilisateur sélectionne "Apple" alors ils ne devraient pas être en mesure de sélectionner la Pomme de nouveau le bouton.

Le but principal sera d'arrêter de l'utilisateur en sélectionnant le bouton qui est déjà sélectionné.

<div class="btn-group btn-group-lg">
    <button type="button" class="btn btn-primary">Apple</button>
    <button type="button" class="btn btn-primary">Samsung</button>
    <button type="button" class="btn btn-primary">Sony</button>
</div>

Comment puis-je résoudre ce problème?

  • <button type="button"> n'est pas une bonne façon d'utiliser les bouton. Vous pouvez utiliser <input type="button"> ou tout simplement <button></button>
  • Donc, ce qui est un problème à trouver le code ci-dessous dans le bootstrap, et de comprendre comment il fonctionne?