web-dev-qa-db-fra.com

désactiver et activer le commutateur d'amorçage à l'aide de jQuery

J'utilise un commutateur d'amorçage et je suis actuellement bloqué car il n'y a pas de documentation solide ni d'exemples auxquels je pourrais avoir accès. 

<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 du fichier js, je fais

$("#cb_project_status").bootstrapSwitch();

et ont attaché dans la page php

 <link rel="stylesheet" href="css/bootstrap-switch.min.css">

Je souhaite obtenir les fonctionnalités suivantes: À moins que l'utilisateur n'entre tous les champs obligatoires, le bouton de commutation doit être désactivé.

if($.fn.validateFormInputs()){
   // enable bootstrap switch
}else{
   // disable bootstrap switch
}

Quelle est la commande jQuery pour activer/désactiver le commutateur d’amorçage. Merci!

jquerytwitter-bootstrap-3bootstrap-switch
9
user4826347

Vous pouvez le faire de plusieurs manières, comme ci-dessous:

D&EACUTE;MO

Utilisation des options

Type 1

Avec initialisation

$("[name='my-checkbox']").bootstrapSwitch({
    disabled:true
});

Type 2

Après l'initialisation

$("[name='my-checkbox']").bootstrapSwitch(); //initialized somewhere
$("[name='my-checkbox']").bootstrapSwitch('disabled',true);

Utilisation de la méthode

$("[name='my-checkbox']").bootstrapSwitch(); //initialized somewhere
$("[name='my-checkbox']").bootstrapSwitch('toggleDisabled',true,true);

Documentation

30
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);
};

Usage: 

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