Bootstrap Switch Change Class to State
<p>How can I change some <code>bootstrap switch</code> css classes dynamically if the state changes to true or false? In fact, if it is possible, appending a new class also may solve my problem. Is there any simple and useful way to do it? I tampered documentations but found nothing.</p>

<p><code>onSwitchChange</code> event is well enough for this situation but i need some help about it.</p>

<p><strong>Update</strong></p>

<p>I attached an image that tells what i want to achieve.</p>

<p><a href="https://i.stack.imgur.com/irSkC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/irSkC.png" alt="enter image description here"></a></p>