想要在选中复选框时显示特定的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>

Answer 2

尝试这个：

if(chkbox.checked == true) {
        document.getElementById("div1").style.display = "";
}
else {
        document.getElementById("div1").style.display = "none";
}

Answer 3

不太确定，但你试过这个：

document.getElementById("div1").style.visibility="visible"/"hidden".

另外，应该使用onclick代替onClick 。