Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.03.2020, 12:14
III III вне форума
Аспирант
Отправить личное сообщение для III Посмотреть профиль Найти все сообщения от III
 
Регистрация: 08.10.2014
Сообщений: 66

После включения первым чекбоксом второго чекбокса выполнить скрипт.
Всем привет. Есть два чекбокса. Программно первым чекбоксом включаю второй чекбокс. Как надо сделать так, чтобы после после этих манипуляций заработал скрипт для второго чекбокса?
document.getElementById('envelope__check').onclick = function (){
if (document.getElementById('envelope__check').checked == true){
document.getElementById('show').checked = true;}
}
влючил чекбокс далее должен сработать этот скрипт
let checkBox = document.getElementById("show"); // Получаем чекбокс по id
    let firstimg = document.getElementById('first'); // Получаем первый div по id (Размещаться при помощи css может где угодно
    let secondimg = document.getElementById('second'); // Получаем второй div по id (Размещаться при помощи css может где угодно
    let threedimg = document.getElementById('three'); // Получаем второй div по id (Размещаться при помощи css может где угодно
    function showFirst() { // Функция отображения первой картинки
        firstimg.style.display = "block";
    }
    function showSecond() { // Функция отображения второй картинки
        secondimg.style.display = "block";
    }
    function showThree() { // Функция отображения третьей картинки
        threedimg.style.display = "block";
    }

    let show = localStorage.getItem('show'); // Проверяем запись в localstorage
    if(show){ // Если не пустое то...
        if (show == "true") { // Проверяем - если равно true, то...
            checkBox.checked = true; // Делаем чекбок активным
            showFirst(); // Показываем первую картинку
            showSecond(); // Показываем вторую картинку
	    showThree();// Показываем третью картинку
        }
    }

    function ShowPics() { // В случае нажатия на чекбокс
        if (checkBox.checked == true){ // Проверяем выбран или не выбран. Если выбран то...
            setTimeout(showFirst, 1000); // Через 1 сек показываем первую картинку
            setTimeout(showSecond, 2000); // Ещё через2сек показывам вторую картинку
	    setTimeout(showThree, 3000); // Ещё через 3 сек показывам третью картинку
            localStorage.setItem('show', 'true'); // Делаем запись в localstorage
        } else { // Если не выбран чекбокс, то...
            firstimg.style.display = "none"; // Скрываем первую картинку
            secondimg.style.display = "none"; // Скрываем вторую картинку
	    threeimg.style.display = "none"; // Скрываем третью картинку
            localStorage.setItem('show', 'false'); // Делаем запись в localstorage
        }
    }

Файл во вложении.
Всем спасибо.
Вложения:
Тип файла: zip 2 чекбокса.zip (1.3 Кб, 0 просмотров)

Последний раз редактировалось III, 17.03.2020 в 12:17.
Ответить с цитированием
  #2 (permalink)  
Старый 17.03.2020, 14:24
III III вне форума
Аспирант
Отправить личное сообщение для III Посмотреть профиль Найти все сообщения от III
 
Регистрация: 08.10.2014
Сообщений: 66

Сделал так
<span>Включить первым</span><input id="envelope__check" type="checkbox"/>
<span>Показать</span><input type="checkbox" id="show" onchange="ShowPics()">
и так
document.getElementById("envelope__check").addEventListener('change',function(){
        document.getElementById("show").click();
    });

вроде заработало.
Тему можно закрыть.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Firefox extension: как гарантировать, что скрипт стартует после построения страницы? vgiv Firefox/Mozilla 3 10.11.2019 17:45
Выполнить скрипт только после того, как элемент с определенным id появляется в DOM strs Events/DOM/Window 10 26.05.2018 18:10
Выполнить скрипт после выполнения остальных скриптов страницы alexandre0sheva Events/DOM/Window 6 26.02.2014 15:29
После первого действия скрипт перестает работать cyberx jQuery 6 12.06.2010 22:04