A quoi sert le switch dans le bootstrap ?

Dans bootstrap, switch est utilisé pour définir un style de type switch pour la zone de sélection. Il s'agit d'un plug-in de bootstrap qui implémente le commutateur d'embellissement de la case à cocher. La syntaxe d'appel est "$(selection box element).bootstrapSwitch. ();".

L'environnement d'exploitation de ce tutoriel : système Windows 7, version bootstrap 3.3.7, ordinateur DELL G3

À quoi sert le switch dans le bootstrap

Bootstrap Switch est un système qui peut ? être embelli grâce à des cases à cocher. Ce contrôle de commutateur vous permet de définir un style de type commutateur pour la zone de sélection. Il s'agit d'un plug-in qui s'appuie sur Bootstrap.

Download

Adresse du site officiel : https://www.bootcdn.cn/bootstrap-switch/

Adresse de téléchargement GitHub : https://github.com/Bttstrp/bootstrap-switch

Import

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-switch.min.css">
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>       
<script src="js/bootstrap-switch.min.js"></script>

Utilisez

//定义一个选择框
<input type="checkbox" name="test">
//给选择框应用样式
<script type="text/javascript">
$("[name=&#39;test&#39;]").bootstrapSwitch();
</script>

attributs

Attributs couramment utilisés :

• size : changer de taille. Les valeurs facultatives sont mini, small, normal, large

• onColor : la couleur du bouton marche de l'interrupteur. Les valeurs facultatives sont primaire, info, succès, avertissement, danger, défaut

• offColor : la couleur du bouton d'arrêt dans l'interrupteur. Valeurs optionnellesprimaire, info, succès, avertissement, danger, défaut

• onText : Le texte du bouton marche dans l'interrupteur, la valeur par défaut est ON

• offText : Le texte du bouton arrêt dans l'interrupteur , la valeur par défaut est OFF

• onInit : événement qui initialise le composant.

• onSwitchChange : événement lorsque le commutateur change.

• data-on-color/ data-off-color : bleu foncé primaire, bleu clair info, vert succès, jaune d'avertissement, rouge danger

Introduction détaillée :

Apprentissage recommandé : "bootstrap Tutoriel d'utilisation》

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!