javascript - .checked 选项不适用于我的 javascript

Question

我有:

<input type="checkbox" id="showdiv">SHOW ME!

<div id="hello" style="display:none">
  Hello world!
</div>

<script type="text/javascript">
  document.getElementById("showdiv").checked ? document.getElementById("hello").style.display = "inline" : document.getElementById("hello").style.display = "none";
</script>

哪里出错了？点击时该 div 不会显示...

Answer 1

您应该将脚本包装到复选框的 onclick 函数中。

类似这样的事情:

document.getElementById("showdiv").onclick = function() {
    document.getElementById("showdiv").checked ? document.getElementById("hello").style.display = "inline" : '';
};