Как сделать этот флипсвитч основанный на значении mysql, используя php

Question

Я купил панель администратора на основе bootstrap/html, которая поставляется с множеством отличных функций, один из них - флип-переключатель, который выглядит очень гладким и хочет использовать его для мой статус любого продукта.

Это как фактические коды выглядеть

<div data-off-label="Disabled" data-on-label="Enabled" class="switch" style="margin-top:12px;"> 
<input type="checkbox" checked="checked">          
</div> 

Когда я инспектировать элемент из моего Разглядеть я получаю следующее:

<div data-off-label="Disabled" data-on-label="Enabled" class="switch" style="margin-top:12px;"> 
<div class="switch-on switch-animate" style=""> 
    <input type="checkbox" checked="checked"> 
    <span class="switch-left">Enabled</span><label>&nbsp; 
    </label><span class="switch-right">Disabled</span> 
</div> 

Я использовал обычные данные, роль = «flipswitch», но это выглядит иначе, как

Включите выглядит следующим образом

<div class="switch-on switch-animate"> 

Выключить выглядит следующим

<div class="switch-off switch animate"> 

Пожалуйста, помогите, как я могу использовать выше, чтобы изменить при загрузке страницы в зависимости от значения наступающем из базы данных.

Я попытался следующие, и не работал

<div data-off-label="Disabled" data-on-label="Enabled" class="switch" style="margin-top:12px;"> 
<div class="<?if($Status = 1){ echo 'switch-on'; } else { echo 'switch-off'; } switch-animate" style=""> 
    <input type="checkbox" checked="checked"> 
    <span class="switch-left">Enabled</span><label>&nbsp; 
    </label><span class="switch-right">Disabled</span> 
</div> 

И переключился не работает должным образом и остановить скольжение гладко.

Спасибо за вашу помощь ребята

========= Похоже, разработчики админку использовали этот модуль для коммутаторов

http://www.bootstrap-switch.org/documentation-2.html

Так что, если кто-нибудь может мне помочь на этом будет действительно оценено. Теперь я застрял в течение нескольких часов :(

Answer 1

В документации вы предоставили показывает, что состояние флажка может быть установлены в качестве атрибута данных на родительских делах.

<div data-state="<?php echo ($status == 1) ? 'true' : 'false' ?>" data-off-label="Disabled" data-on-label="Enabled" class="switch" style="margin-top:12px;"> 
    <input type="checkbox" checked="checked">          
</div>