Как заставить этот переключатель работать на основе значения mysql, используя переполнение стека

Я купил админ-панель на основе 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>

Я использовал обычный data-role = «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

Так что если кто-нибудь сможет мне помочь в этом, буду очень признателен. Я застрял на несколько часов 🙁

3

Решение

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

<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>
0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]