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!
Vous pouvez le faire de plusieurs manières, comme ci-dessous:
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);
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()