javascript - 想要在选中复选框时显示特定的 div，如果未选中则隐藏 div。IE8/IE9 不工作

Question

我有一个复选框。如果我选中该复选框，那么我想显示一个特定的 div，如果它未选中，则隐藏 div。有人可以帮我解决这个问题吗？我已经为此编写了代码并且在 Firefox 中运行良好。但它不适用于 IE8/IE9。为什么？有人可以帮忙吗。提前致谢。

<script language="javascript">
function showIPAddress(chkbox) {

    //var chkbox = document.getElementById("chk1");
    if(chkbox.checked == true) {
            document.getElementById("div1").style.display = "block";
    }
    else {
            document.getElementById("div1").style.display = "none";
    }
}
</script>

<input type="checkbox" id="chk1" name="chk1" value="1" onClick="showIPAddress(this)" /> <b class="account">Test Checkbox</b>


<div id="div1" name="div1" style = "display:block">
    <b>IP Address: </b><input name="ip"></input>
</div>

Answer 1

我用更简单的代码让它工作:

<script>
  function showIPAddress(chk) {
      document.getElementById("div1").style.display = chk.checked ? "block" : "none";
  }
</script>
<input type="checkbox" id="chk1" value="1" onClick="showIPAddress(this);" /> <b class="account">Test Checkbox</b>

<div id="div1" style="display:none;">
    <b>IP Address: </b><input name="ip"></input>
</div>