javascript - 带复选框的 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