點擊顯示或隱藏信息

以下是我的代碼。它由三個按鈕和一個顯示屏組成。點擊顯示或隱藏信息

<html> 
<head> 
<script type="text/javascript"> 


</script> 
</head> 
<body> 
<form name="fun" > 
Display Screen<input type="textfield" name="ans" value=""> 
<br> 
<input type="button" value="1" onClick="document.fun.ans.value+='1'"> 
<input type="button" value="hide"> 
<input type="button" value="show"> 


</form> 
</body> 
</html>

當前當您按1時，它將在顯示屏上顯示1。我想實現一個功能，以便如果您單擊隱藏，然後按1將不會顯示。如果按下顯示並按下1，則屏幕上將顯示1。

可能的方法是隻要禁用1按鈕，如果你點擊隱藏，但我仍然希望用戶能夠點擊按鈕後按隱藏只是不顯示任何東西。

我是JS新手，所以請原諒，如果這是一個壞問題。

來源

2014-10-30 user1010101

看看我的答案，我認爲這是你在找什麼...希望它幫助！ – brso05 2014-10-30 18:07:22

你的意思是，如果已經點擊了隱藏，它不應該在點擊「1」時追加任何內容（如果點擊已經點擊了，點擊「1」後追加1）？或完全隱藏文本字段？ – nicael 2014-10-30 18:10:16

我包裹所有JS在<script>能夠與VARS工作。

<script> 
    var hide = 0; 
    function appendChar(){ 
     if(hide==0){ 
      document.fun.ans.value+='1'; 
     } 
    } 

</script>

接着我們來修改HTML：

<input type="button" value="1" onClick="appendChar()"> 
<input type="button" value="hide" onclick="hide=1;"> 
<input type="button" value="show" onclick="hide=0;">

來源

2014-10-30 18:07:56 nicael

在顯示和隱藏使用JavaScript的元素的一個例子：

<html> 
<head> 
<script type="text/javascript"> 


</script> 
</head> 
<body> 
<form name="fun" > 
Display Screen<input id="ans" type="textfield" name="ans" value=""> 
<br> 
<input type="button" value="1" onClick="document.fun.ans.value='1'"> 
<input type="button" value="hide" onclick="hide()"> 
<input type="button" value="show" onclick="show()"> 

<script type="text/javascript"> 
function hide() 
{ 
    document.getElementById("ans").style.display = "none"; 
} 
function show() 
{ 
    document.getElementById("ans").value = ''; 
    document.getElementById("ans").style.display = "inline-block"; 
} 
</script> 


</form> 
</body> 
</html>

來源

2014-10-30 18:04:41 brso05

誰低估了這個至少說爲什麼你downvoted正確的答案??? – brso05 2014-10-31 17:13:43

點擊顯示或隱藏信息

回答

相關問題