l'activation et la désactivation de bootstrap commutateur à l'aide de jquery
Je suis en utilisant bootstrap interrupteur et actuellement coincé comme il n'y a pas toute la documentation et les exemples que j'ai pu obtenir l'accès à l'.
<div class="col-xs-6">
<div class="pull-left">
<input class="switch" type="checkbox" id="cb_project_status" name="cb_project_status"
<?php if($data_p_projectstatus=="ACTIVE") echo("checked"); else echo("");?>
data-on-color="success" data-off-text="Inactive" data-on-text="Active"
data-off-color="warning" data-size="mini" disabled>
</div>
</div>
Sur le document prêt de fichier js, je ne
$("#cb_project_status").bootstrapSwitch();
et l'ai fixé dans la page php
<link rel="stylesheet" href="css/bootstrap-switch.min.css">
J'ai besoin pour réaliser les fonctionnalités suivantes: à Moins que l'utilisateur entre dans tous les champs obligatoires, le bouton de l'interrupteur doit être désactivé.
if($.fn.validateFormInputs()){
//enable bootstrap switch
}else{
//disable bootstrap switch
}
Qu'est-ce que le jQuery commande pour activer/désactiver l'amorçage de l'interrupteur. Merci!
OriginalL'auteur user4826347 | 2015-09-12
Vous devez vous connecter pour publier un commentaire.
Vous pouvez le faire de plusieurs façons, comme ci-dessous:
DÉMO
De Type 1
Avec initialisation
De Type 2
Après l'initialisation
La Documentation
Convenu.. 🙂 Amusez-Vous Bien.. 🙂
Après l'utilisation : $("[nom= "mon-checkbox']").bootstrapSwitch('disabled',true); photos.app.goo.gl/z1itgtTMynMfVdYu2
Si vous avez une coutume bootstrap-interrupteur (avec les images), il revient à la valeur par défaut de l'interrupteur qui n'est pas préféré. J'ai fixé ce par de le désactiver lors de l'initialisation, puis de le ré-activer en cas de besoin.
OriginalL'auteur Guruprasad Rao
Si vous
enable
etdisable
beaucoup vous pouvez également écrire vos propres méthodes:Utilisation:
OriginalL'auteur Jeremy Lynch