Как показать галочку в галочке при использовании оповещения - PullRequest
0 голосов
/ 05 июля 2018

Допустим, у меня есть это:

<!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 он не работает.

1 Ответ

0 голосов
/ 05 июля 2018

Вы можете исправить это с помощью короткого setTimeout, например, так:

function myFunction() {
  var checkBox = document.getElementById("myCheck");

  setTimeout(function() {
    alert(checkBox.checked ? "check" : "not checked");
  }, 10);
}
<p>Display an alert when checkbox is checked:</p>

Checkbox: <input type="checkbox" id="myCheck" onclick="myFunction()">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...