2016-01-12 54 views
0

如果狀態更改爲true或false,如何動態更改某些bootstrap switch css類?事實上,如果可能的話,追加一個新課程也可能解決我的問題。有沒有簡單和有用的方法來做到這一點?我篡改了文件,但什麼都沒發現。自舉開關將狀態更改爲狀態

onSwitchChange事件對於這種情況已經足夠了,但我需要一些幫助。

更新

我附有圖片,告訴我想要什麼來實現的。

enter image description here

+0

onSwitchChange應該就足夠了......你有什麼問題嗎? – Aukhan

+0

Assuma狀態爲false,我需要更改一些元素邊框和背景顏色 – hsynlms

+0

在您的switchChange回調函數中,這指的是dom元素,$(this)指向Jquery對象。這是輸入複選框。 如果您的複選框附帶了id屬性,bootstrap-switch會自動將一個類添加到表單bootstrap-switch-id- {your-checkbox's-id}的引導開關DOM元素中,您可以獲取該元素並添加刪除上課。 – Aukhan

回答

0

我認爲CSS是去與你想達到什麼樣的正確方法, 所有你需要做的是附上開關父格內,然後寫一些CSS

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