带有复选框的jQuery条件

时间:2019-04-22 20:18:43

标签: javascript jquery html css bootstrap-4

嗨,我对条件有任何疑问,当我取消选中该复选框时,它也不会取消选中。我必须阻止显示,但是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)

请帮助

1 个答案:

答案 0 :(得分:0)

应该可以正常工作,不需要使用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