为什么这个html复选框的代码适用于Firefox和Chrome,但不适用于IE?

时间:2014-10-29 19:55:29

标签: html checkbox

这与我之前的问题有关:Why html checkbox function only works in IE but not in Firefox or Chrome?

为什么以下代码在IE中不起作用:

<body>

<script type="text/javascript">
  function checkAdvSearch(checked)
  {
    console.log("Test");
    if (checked==1)
    {
      document.getElementById("searchTerm2").style.display='';
      document.getElementById("searchField2").style.display='';
    }
    else
    {
      document.getElementById("searchTerm2").style.display='none';
      document.getElementById("searchField2").style.display='none';

      document.getElementById("searchTerm2").value='';
      document.getElementById("searchField2").value='Client Name';
    }
  }
</script>

  <input type="checkbox" name="advSearch" onclick="checkAdvSearch(this.checked);" checked />Advanced Search
  <input type="text" id="searchTerm2" value="" />
  <select id="searchField2" value="clientName" >
    <option>Client Name</option>
    <option>Policy Number</option>
  </select>

</body>
</html>

当我取消选中该框时,其他两个项目应该消失,但在IE中没有响应,为什么?

编辑:

感谢Huangism,我发现了以下消息,并点击它以允许访问,现在它可以正常工作。

enter image description here

1 个答案:

答案 0 :(得分:0)

通过允许IE阻止内容解决了问题。