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

30

Vous pouvez le faire de plusieurs façons, comme ci-dessous:

DÉMO

À l'aide des options

De Type 1

Avec initialisation
```
$("[name='my-checkbox']").bootstrapSwitch({
    disabled:true
});
```
De Type 2

Après l'initialisation
```
$("[name='my-checkbox']").bootstrapSwitch(); //initialized somewhere
$("[name='my-checkbox']").bootstrapSwitch('disabled',true);
```
L'Aide De La Méthode
```
$("[name='my-checkbox']").bootstrapSwitch(); //initialized somewhere
$("[name='my-checkbox']").bootstrapSwitch('toggleDisabled',true,true);
```
La Documentation

Vous êtes une étoile!
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 et disable beaucoup vous pouvez également écrire vos propres méthodes:

$.fn.disable_switch = function() {
  this.bootstrapSwitch('toggleDisabled',true,true);
};

$.fn.enable_switch = function() {
  this.bootstrapSwitch('toggleDisabled',true,true);
};

Utilisation:

$("[name='my-checkbox']").disable_switch()

OriginalL'auteur Jeremy Lynch

Vous devez vous connecter pour publier un commentaire.