Selettore oggetto da gestire

[LuigiDH]

Buongiorno e Auguri di buona Pasqua a tutti.
Posto questo messaggio per sapere come gestire questa situazione:

            <h2 class="h4">Switch 1</h2>
            <p>
              <input id="switch-state" type="checkbox" data-off-color="warning">
            </p>
            <div class="btn-group">
              <button type="button" data-switch-toggle="state" class="btn btn-default">Toggle</button>
            </div>
          </div>

In pratica è uno switch ON-OFF con una libreria correlata, mi servirebbe con un pulsante creare questo toggle che mi cambia stato ad ogni impulso, ma se creo la stessa situazione con un altro switch nella stessa pagina non so come gestire il toggle del secondo switch tramite id, ho provato a fare questo:

            <h2 class="h4">Switch 2</h2>
            <p>
              <input id="switch-state2" type="checkbox" data-off-color="warning">
            </p>
            <div class="btn-group">
              <button type="button" data-switch-toggle="state2" class="btn btn-default">Toggle</button>
            </div>
          </div>

ovviamente non funziona, sicuramente "state" non è da modificare...
Potete aiutarmi, grazie mille

[cavicchiandrea]

Devi vedere le opzioni ammesse dalla libreria che usi