Блог

Главная - Вопросы по программированию - флажок в html JavaScript, который остается установленным даже при перезагрузке страницы

флажок в html JavaScript, который остается установленным даже при перезагрузке страницы

#javascript #html #jquery

#javascript #HTML #jquery ( jquery )

Вопрос:

Я пытаюсь создать простой контрольный список HTML-javascript, чтобы, когда пользователь проверяет определенный список, он оставался проверенным для них, даже если они перезагружают страницу. Вот демо-версия, которая при перезагрузке снова все списки не отмечены. http://jsfiddle.net/mAnUQ /

Но я хочу, чтобы веб-сайт сохранял отмеченные поля, даже если пользователь перезагружает веб-страницу.

 function setCookie(c_name, value, exdays) {
  var exdate = new Date();
  exdate.setDate(exdate.getDate()   exdays);
  var c_value = escape(value)   ((exdays == null) ? "" : "; expires="   exdate.toUTCString());
  document.cookie = c_name   "="   c_value;
}

function set_check(me) {
  setCookie(me.value, me.checked, 60 * 60 * 1);
  console.log(me.value);
  console.log(me.checked);
  console.log(document.cookie)
} 
 <form name="form1">
  <div>
    <input type="checkbox" id="check1" name="proceed_opt[]" value="I will upload new Image" onChange="set_check(this)">
    <label for="check1">I will upload new Image</label>
  </div>
  <div>
    <input type="checkbox" id="check2" name="proceed_opt[]" value="I approve this sample for a Night Light" onChange="set_check(this)">
    <label for="check2">I approve this sample for a Night Light</label>
  </div>
  <div>
    <input type="checkbox" id="check3" name="proceed_opt[]" value="Select One" onChange="set_check(this)">
    <label for="check3">Select One</label>
  </div>
  <div>
    <input type="checkbox" id="check4" name="proceed_opt[]" value="other" onChange="set_check(this)">
    <label for="check4">Other See comments</label>
  </div>
</form>

Комментарии:

1. Похоже, вы пытаетесь сохранить свои данные в файле cookie. Ваш код каким-то образом выходит из строя? Что не работает?

2. Когда я перезагружаю страницу, все флажки сняты, даже если я их «проверил».

3. Где код для настройки состояния полей при загрузке страницы? По сути, вы записываете в файл cookie, но где вы читаете из этого файла cookie?

4. Я совершенно новичок в этом, и это то, что я получил от поиска в Интернете из учебника, другого кода не было.

5. Тогда, я думаю, дело не в том, что ваш код не работает, а в том, что он просто неполный, и вам нужно продолжать. На высоком уровне вам нужно будет проверить наличие вашего файла cookie при загрузке страницы. Если он существует, прочитайте из него данные и используйте эти данные для предварительной проверки флажков.