如何使“输入类型文本”通过JavaScript隐身？

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”元素，你输入的标签，并通过这个“身份证”的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>