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?
Vous devez vous connecter pour publier un commentaire.
Cela semble être exactement ce que vous cherchez.
Vous pouvez lire plus sur ce en vertu de ce lien. C'est à quoi il ressemble:
Vous devez utiliser des composants radiobutton de cette façon.
CSS:
HTML:
Button
sont utilisés pour les boutonsRadios sont
<input type="radio">
. Si vous souhaitez une seule radio vérifié qu'ils ont pour obtenir le mêmename
.Pour Bootstrap 4:
Voir les docs