Question

<input type="text" value="Text box"/>
<input type="button" onclick="toggle();"/>

如何使文本框消失并重新出现在JavaScript中？

Answer 1

JavaScript的：

function toggle() {
  var element=document.getElementById('element1');

  if ( element.style.display!='none' ) {
    element.style.display='none';
  } else {
    element.style.display='';
  }
}

HTML：

<input id="element1" type="text" value="Text box"/>
<input type="button" onclick="toggle();"/>

Answer 2

将此代码放在页面上：

<script>
function toogle(id) {
       if (document.getElementById(id).style.visibility = 'hidden') {
            document.getElementById(id).style.visibility = 'visible'; 
       } else {
            document.getElementById(id).style.visibility = 'hidden'
       }
}
</script>

现在，只需在输入标记中添加一个“id”元素，并将此“id”传递给按钮上的javascript函数调用。类似的东西：

<input id="element1" type="text" value="Text box"/>
<input type="button" onclick="toggle('element1');"/>

Answer 3

JQuery为此提供了一些不错的内置功能：

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
    function toggle() {
      $('#element1').toggle();
    }       
</script>

如何使用JavaScript隐藏“输入类型文本”？

3 个答案: