如何使「輸入類型文本」通過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>