Отключить флажок и оставить его отключенным с помощью куки

Question

Этот флажок будет установлен:

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

function getCookie(c_name) {
  if (document.cookie.length > 0) {
    c_start = document.cookie.indexOf(c_name + "=")
    if (c_start != -1) {
      c_start = c_start + c_name.length + 1
      c_end = document.cookie.indexOf(";", c_start)
      if (c_end == -1) c_end = document.cookie.length
      return unescape(document.cookie.substring(c_start, c_end))
    }
  }
  return null
}
onload = function() {
  document.getElementById('myCheck').checked = getCookie('myCheck') == 1 ? true : false;
}

function set_check() {
  setCookie('myCheck', document.getElementById('myCheck').checked ? 1 : 0, 100);
}

<input type="checkbox" value="1" id="myCheck" onclick="set_check();"> 

Я также хотел бы отключить флажок после того, как он установлен, и оставить его отключенным с помощью файлов cookie. Как бы я добавил эту функцию в существующий код? Спасибо!

Answer 1

onload = function() {
  document.getElementById('myCheck').addEventListener('change', function(e) {
    e.target.disabled = (getCookie('myCheck') == 1);
  }
  document.getElementById('myCheck').checked = (getCookie('myCheck') == 1);
}