2016-01-12 4 views
0

Как я могу изменить некоторые классы css динамически, если состояние изменилось на true или false? На самом деле, если это возможно, добавление нового класса также может решить мою проблему. Есть ли простой и полезный способ сделать это? Я подделывал документы, но ничего не нашел.Bootstrap Switch Change Class to State

onSwitchChange Событие достаточно хорошо для этой ситуации, но мне нужна помощь.

Update

Я приложил изображение, которое говорит, что я хочу достичь.

enter image description here

+0

onSwitchChange должно быть достаточно ... какие у вас проблемы с этим? – Aukhan

+0

Assuma, что состояние ложно, мне нужно изменить некоторые граничные границы и цвета фона. – hsynlms

+0

В вашем обратном вызове switchChange это относится к элементу dom, а $ (this) относится к объекту JQuery. который является флажком ввода. Если у вас есть атрибут id, прикрепленный с помощью флажка, то bootstrap-switch автоматически добавит класс в элемент DOM-переключателя начальной загрузки формы bootstrap-switch-id- {your-checkbox's-id}, вы можете получить этот элемент и добавить remove классы к нему. – Aukhan

ответ

0

Я думаю CSS это правильный путь, что вы пытаетесь достичь, все, что вам нужно сделать, это заключите переключатель внутри родительского DIV, а затем написать несколько CSS

.parent-div .boostrap-switch-on{ 
 
    //enter styles for the ON state 
 
    } 
 
.parent-div .boostrap-switch-off{ 
 
    //enter styles for the OFF state 
 
    }