显示/隐藏表格不起作用

debugcn 发表于 Dev

麦克纳利

我正在尝试创建一个按钮，当您单击它时，它会显示一个带有新闻通讯注册表单的小框。

我已经编写了JavaScript，但似乎无法正常工作。

我会很感激您能给我指出为什么它不起作用的任何指示。

<script>
  function setVisibility('subscribe_form') {
     if (document.getElementById('bt1').value == 'Hide Layer') {
       document.getElementById('bt1').value = 'Show Layer';
       document.getElementById('subscribe_form').style.display = 'none';
     } else {
       document.getElementById('bt1').value = 'Hide Layer';
       document.getElementById('subscribe_form').style.display = 'block';
     }
   }
</script>

 <input type='button' name='type' id='bt1' value='Show Layer' onclick="setVisibility('subscribe_form');";>           
 <form action="%%GLOBAL_ShopPath%%/subscribe.php" method="post" id="subscribe_form" class="subscribe_form" name="subscribe_form">

保罗·鲁布

您已经在函数声明中写了一个字符串（'subscribe_form'），其中应该有一个变量名（subscribe_form）。那加上一些其他错别字（;在输入标签中，就是其中之一）使您误入歧途。

您的JavaScript控制台将包含一些有关这些错误的消息。

工作版本：

function setVisibility(subscribe_form) {
  if (document.getElementById('bt1').value == 'Hide Layer') {
    document.getElementById('bt1').value = 'Show Layer';
    document.getElementById(subscribe_form).style.display = 'none';
  } else {
    document.getElementById('bt1').value = 'Hide Layer';
    document.getElementById(subscribe_form).style.display = 'block';
  }
}

<input type='button' name='type' id='bt1' value='Show Layer' onclick="setVisibility('subscribe_form');" />
<form action="%%GLOBAL_ShopPath%%/subscribe.php" method="post" id="subscribe_form" class="subscribe_form" name="subscribe_form" style="display:none">
  <p>subscribe form</p>
</form>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。