2015-09-12 7 views
6

Sto utilizzando lo switch di avvio e al momento sono bloccato perché non sono disponibili documentazione o esempi validi a cui potrei accedere.disattivazione e attivazione dell'interruttore di avvio tramite jquery

<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> 

Sul documento pronto di file di js, faccio

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

ed hanno attaccato in nella pagina php

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

Ho bisogno di ottenere le seguenti funzionalità: A meno che non utente immette tutto campi obbligatori, il pulsante interruttore deve essere disabilitato.

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

Che cos'è il comando jQuery per abilitare/disabilitare lo switch di avvio. Grazie!

risposta

24

Si può fare in molti modi, come di seguito:

DEMO

opzioni utilizzando

Type 1

Con inizializzazione

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

Tipo 2

Dopo l'inizializzazione

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

Usando metodo

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

Documentation

+1

Tu sei una stella! – user4826347

+0

Concordato .. :) Felice Coding .. :) –

+0

Dopo aver utilizzato: $ ("[name = 'my-checkbox']"). BootstrapSwitch ('disabled', true); https://photos.app.goo.gl/z1itgtTMynMfVdYu2 –

0

Se enable e disable molto si può anche scrivere i propri metodi:

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

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

Usage:

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