JQuery условие с флажком

Question

привет, у меня возникли проблемы с условием, когда я снимаю флажок, он не снимается. Я должен сделать блок отображения, но JavaScript не работает.

я пытался добавить

document.getElementById("Reload").style.display = "block";

$("#customCheck1").on("change", function() {
  if ($(this).is(":checked")) {
    $('#lblauto').text("Auto Reload ON")
    document.getElementById("Reload").style.display = "block";
  } else {
    $('#lblauto').text("Auto Reload OFF")
  }
})

(JQuery)

помогите пожалуйста

Answer 1

Должно работать нормально, вам не нужна строка document.getElementById("Reload").style.display = "block";.

$("#customCheck1").on("change", function() {
  if ($(this).is(":checked")) {
    $('#lblauto').text("Auto Reload ON")
  } else {
    $('#lblauto').text("Auto Reload OFF")
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="customCheck1" type="checkbox">
<label for="customCheck1" id="lblauto">Auto Reload OFF</label>

Рабочая ручка: https://codepen.io/anon/pen/pBZYEa