Включение состояния checked radio кнопки в зависимости от полученной внешней переменной
Есть две радиокнопки. Выполнены в виде переключателя. При нажатии отправляют переменную на сервер и должны изменять свой цвет. Сервер отправляет значение в переменную: %STATE%. Это значение - "включены" или "выключены". Сервер может отправить только одно значение за 1 запрос. При этом это значение на сервере сохраняется, пока сервером не будет получена другая переменная. При отправке переменной на сервер, страница перезагружается. Как сделать выбор (checked) состояния радиокнопок в зависимости от полученной переменной %STATE% с помощью jS? Весь код работает, просто кнопки не меняют цвет. Использую JS скрипт, но в части if - else скрипт не работает. Получаю в консоли только значение "нет", независимо от того какую кнопку нажимаю. Варианты ответа в консоли браузера: выключены нет, включены нет.
function init() {
var par = document.getElementById("nl");
console.log(par.innerHTML);
if (par.innerHTML == "выключены") {
// var scoop = document.getElementById("fid-1");
// scoop.setAttribute("checked", "checked");
// scoop.checked = true;
console.log("Да");
} else {
// var scoop = document.getElementById("fid-2");
// scoop.setAttribute("checked", "checked");
// scoop.checked = true;
console.log("Нет");
}
}
window.onload = init;<p>Ближние светильники <strong id="nl"> %STATE%</strong></p>
<div class="form_toggle">
<div class="form_toggle-item item-1">
<input id="fid-1" type="radio" name="radio1" value="off" />
<label for="fid-1">Выкл</label>
</div>
<div class="form_toggle-item item-2">
<input id="fid-2" type="radio" name="radio1" value="on" />
<label for="fid-2">ВКЛ</label>
</div>