@AlexanderLyakh
Python

Как сделать так, чтобы после обновления страницы сохранялась отметка чекбокса и выводилась форма регистрации?

<form method="post">
<!-- ---------------------------------form --------------------------------------------------------------- -->
                  <div id="form">
                     <center>
                        <div id="formtype">
                           <h2>Вход</h2>
                        </div>
                        <a href="http://xn--1-7sbbjvecrbnlg6c0l.xn--p1ai/"><img src="Frontend\Style\Img\logo.png" id="logo"></a>
                     </center>
                     <div class="container-fluid" id="content">
                        <div class="row" id="working">
                           <div class="col-xs-12 text-center">
                              <h3>Имя</h3>
                              <input placeholder="Введите свои данные" name="name">
                              <h3>Почта</h3>
                              <input placeholder="Введите свои данные" name="mail">
                              <h3>Пароль</h3>
                              <input type="password" name="password">
                           </div>
                        </div>
                     </div>
                     <div id="insert" class="text-center">
                        <h3>Я здесь впервые <input type="checkbox" name="fluency" value="Yes" id="fluency"></h3>
                        <br>
                        <button type="submit" value="1" class="btn btn-secondary" name="do_signup"><font>Отправить</font></button>
                     </div>
                  </div>
<!-- ------------------------------------------- form end---------------------------------------------- -->
               </form>
               <script>// made change form of registration when client touch checkbox
                           var z=document.getElementById("content");
                           var q=document.getElementById("formtype");
                           $(document).ready(function()
                           {
                             $('#fluency').change(function()
                             {
                               if(this.checked==true)
                               {
                                    z.innerHTML='<div class="row"><div class="col-xs-6 text-center"><h3>Имя</h3><input placeholder="Введите свои данные" name="name"><h3>Фамилия</h3><input placeholder="Введите свои данные" name="surname"><h3>Класс</h3><input placeholder="Введите свои данные" name="class"></div><div class="col-xs-6 text-center"><h3>Почта</h3><input placeholder="Введите свои данные" name="mail"><h3>Пароль</h3><input type="password" name="password"><h3>Повтор пароля</h3><input type="password" name="password-correct"></div></div>';
                                    q.innerHTML = '<h2>Регистрация</h2>';
                               }
                               else {
                                   z.innerHTML='<div class="row"><div class="col-xs-12 text-center"><h3>Имя</h3><input placeholder="Введите свои данные" name="name"><h3>Почта</h3><input placeholder="Введите свои данные" name="mail"><h3>Пароль</h3><input type="password" name="password"></div> </div>';
                                   q.innerHTML = '<h2>Вход</h2>';
                               }
                             });
                           });
                </script>
            </div>
         </div>
      </div>

После того, как отметил чекбокс и обновил страницу форма регистрации пропадает, даже, если я пытаюсь, как-то зафиксировать нажатие чекбокса ( то есть на странице отображаеться сразу с атрибутом checked, если раньше отмечал). Как сделать так, чтобы при включённом чек боксе сайт сразу же выдавал форму регистрации?
  • Вопрос задан
  • 70 просмотров
Пригласить эксперта
Ответы на вопрос 1
wapster92
@wapster92 Куратор тега JavaScript
В change сохраняешь состояние input в localStorage. Дополняешь свой код обработчиком $(documen).ready (для jquery) или DOMContentLoaded (ванила) в котором проверяешь в localStorage состояние input. Если значение, есть и оно положительное показываешь окно регистрации.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
24 сент. 2020, в 10:38
300 руб./за проект
24 сент. 2020, в 10:23
5000 руб./за проект