Показать сообщение отдельно
  #1 (permalink)  
Старый 09.09.2015, 08:20
Аватар для mr_smit
Новичок на форуме
Отправить личное сообщение для mr_smit Посмотреть профиль Найти все сообщения от mr_smit
 
Регистрация: 09.09.2015
Сообщений: 9

Checkbox переключатель (CSS) не реагирует на данные из AJAX запроса
Здравствуйте. На странице присутствует 2 переключателя которые сделаны из checkbox при помощи чистого CSS. Взято отсюда. Раз в секунду страница отправляет AJAX запрос на сервер по адресу update.php. Сервер отдает такой ответ:

HTTP/1.0 200 OK
Content-Type: application/json; charset=UTF-8;

{"temp":"23.0","hud":"49.0","switch1":"false","switch2":"false"}


Соответственно если открыть в браузере этот адрес то на странице появится:
{"temp":"23.0","hud":"49.0","switch1":"false","switch2":"false"}

Эти данные подставляются по id в таблицу на странице. Так вот данные по параметрам temp и hud подставляются и отображаются. А состояние выключателей не меняются. Код такой:
document.getElementById("temp").innerHTML = jsonObj.temp+" °С";
document.getElementById("hud").innerHTML = jsonObj.hud+" %";
document.getElementById("module_1-switch_1").checked = jsonObj.switch1;"
document.getElementById("module_1-switch_2").checked = jsonObj.switch2;"


При загрузке страницы оба переключателя сразу включаются и их состояние больше никак не меняется. Несмотря на то что может приходить, например, "switch1":"true","switch2":"false". Страница целиком во вложении. Подскажите что не так. Тестирую в Mozilla.
Изображения:
Тип файла: jpg prscr.JPG (7.7 Кб, 4 просмотров)
Вложения:
Тип файла: zip Page.zip (1.6 Кб, 0 просмотров)
Ответить с цитированием