Question

假设我有这个：

<!DOCTYPE html>
<html>
<body>

<p>Display an alert when checkbox is checked:</p>

Checkbox: <input type="checkbox" id="myCheck"  onclick="myFunction()">

<p id="text" style="display:none">Checkbox is CHECKED!</p>

<script>
function myFunction() {
    var checkBox = document.getElementById("myCheck");
    var text = document.getElementById("text");
    if (checkBox.checked == true){
      alert("check");
    } else {
       alert("not check");
    }
}
</script>

</body>
</html>

问题是，一旦我单击复选框，它就会显示警报消息，但没有机会在复选框中也显示选中标记。我确实希望它成为警报，并且我确实希望它在用户选中复选框后立即执行，但我也希望在chekcbox中看到该选中标记。

我确实可以在IE 11中工作，但不能在Chrome中工作。

Answer 1

您可以使用简短的joystick button 0来解决此问题，例如：

setTimeout

function myFunction() {
  var checkBox = document.getElementById("myCheck");

  setTimeout(function() {
    alert(checkBox.checked ? "check" : "not checked");
  }, 10);
}

使用警报时如何在复选框中显示复选标记

1 个答案: