Press "Enter" to skip to content

Comment définir le commutateur true ou false dans Bootstrap ?

Dans la démo, vous pouvez voir quatre boutons pour définir l'état vrai/faux du commutateur ou de la case à cocher. Le bouton bascule inversera le mode actuel. Alors que le bouton Get renvoie la valeur actuelle de la case à cocher. Si coché, il retournera vrai, sinon faux. Suivez ces étapes pour configurer ce plug-in de commutateur/bascule pour votre page Web :

Q. Comment fonctionne le bouton bascule dans Bootstrap ?

Le bouton bascule inversera le mode actuel. Alors que le bouton Get renvoie la valeur actuelle de la case à cocher. Si coché, il retournera vrai, sinon faux. Suivez ces étapes pour configurer ce plug-in switch/toggle pour votre page web : Incluez les fichiers CSS Bootstrap et bootstrap-switch dans la section :

Q. Quelle est la couleur par défaut du bouton bootstrap ?

Bouton d'amorçage (marche/arrêt) Le concepteur a divisé l'interrupteur à bascule en deux parties différentes en termes de couleur. Le premier est de la couleur par défaut qui est le vert. Il existe quatre interrupteurs à bascule différents qui diffèrent par leurs tailles.

Q. Comment trouver le bouton off dans Bootstrap 4 ?

Options Nom Type Par défaut Description sur chaîne | html "Activé" Texte de l'étiquette d'activation. hors chaîne | html "Off" Texte de l'étiquette de basculement off. onstyle string "primary" Style de la bascule on. Valeurs possibles offstyle string « light » Style de la bascule off. Valeurs possibles

Q. Existe-t-il différentes tailles de bouton de commutateur d'amorçage ?

Bootstrap Switch Button est disponible en différentes tailles. Bootstrap Switch Button peut gérer des tailles personnalisées par les options de largeur de données et de hauteur de données. Bootstrap Switch Button implémente toutes les couleurs standard de bouton bootstrap 4. Bootstrap Switch Button implémente toutes les couleurs de contour de bouton bootstrap 4 standard.

Q. Comment obtenir la valeur du commutateur d'amorçage en JavaScript?

L'extrait de code ci-dessus explique comment implémenter la propriété onSwitchChange et obtenir l'état du contrôle bascule. Les événements de clic ne sont pas déclenchés avec les commutateurs. Essayez d'utiliser l'événement switchChange.bootstrapSwitch. Celui-ci se déclenche lors du changement d'un interrupteur. Aussi pour vérifier s'il est activé, je vérifie si la classe bootstrap-switch-on est appliquée.

Q. Comment choisir un interrupteur à bascule dans Bootstrap ?

Pratiquement, vous aurez besoin de différentes légendes à choisir pour les utilisateurs. Par exemple, sélectionnez Oui ou Non, Vrai ou faux, D'accord ou Pas d'accord en cliquant sur un interrupteur à bascule. En utilisant les attributs data-on-text et data-off-text, vous pouvez utiliser n'importe quel texte selon les besoins de la situation.