2011-12-30 15 views
12

最新のプログラムでは、クリックすると入力ポップアップボックスが表示されるボタンがあります。これらのボックスが消えたら、どのようにボタンを隠すのですか?Javascriptでボタンを非表示にする

ありがとうございます!

+1

どのようにボックスが離れて行く作っていますか?もしあなたがそれらをjavascriptで消してしまっているのであれば、他の何かを消滅させるのはとても簡単です。 – diracdeltafunk

答えて

30

set its visibility propertyhiddenです。あなたがこのの多くを行うことを予定している場合、このような何かがそれを

document.getElementById('x').style.visibility='hidden'; 

を削除する必要があります

<input type="button" id="toggler" value="Toggler" onClick="action();" /> 
<input type="button" id="togglee" value="Togglee" /> 

<script> 
    var hidden = false; 
    function action() { 
     hidden = !hidden; 
     if(hidden) { 
      document.getElementById('togglee').style.visibility = 'hidden'; 
     } else { 
      document.getElementById('togglee').style.visibility = 'visible'; 
     } 
    } 
</script> 
4

:ここ

は1つのボタンは、他の1を切り替えるために使用される少しのデモンストレーションであり、 dom操作はjqueryを見る価値があるかもしれません

1
document.getElementById('btnID').style.visibility='hidden'; 
0

jQueryを使用していない場合は、私はsugしますそれを使って欲しい。 jQuery

1
//Your code to make the box goes here... call it box 
box.id="foo"; 
//Your code to remove the box goes here 
document.getElementById("foo").style.display="none"; 

:あなたが行う場合は、あなたのような何かをしたいと思いますそれでもページ上のスペースを占有します。

display=none 

を使用することもできます。これはオブジェクトを非表示にするだけでなく、表示されるまで領域を占有しないようにするためです。 (また、ディスプレイの反対側が「ブロック」で、「可視」ではないことに注意してください)

11
visibility=hidden 

は非常に便利ですが、それを使用、あなたがこのように多くのものをやっている場合

もちろんの
$('button').on(
    'click' 
    function () 
    { 
     $(this).hide(); 
    } 
); 
0

ボタンを押すと、警告メッセージを表示する機能が呼び出されるはずです。ので、警告後にstyle visibleプロパティを入れてください。 あなたは

function OpenAlert(){ 
 
     alert("Getting the message"); 
 
     document.getElementById("getMessage").style.visibility="hidden"; 
 
     
 
    }
<input type="button" id="getMessage" name="GetMessage" value="GetMessage" onclick="OpenAlert()"/>

を使用してそれを達成することができ、これが役立つことを願っています。これは十分でしょう

0
<script> 
$('#btn_hide').click(function() { 
$('#btn_hide).hide(); 
}); 
</script> 
<input type="button" id="btn_hide"/> 

助けて幸せ