web-dev-qa-db-de.com

Machen Sie eine Schaltfläche unsichtbar, indem Sie in HTML auf eine andere Schaltfläche klicken

Wie kann ich eine Schaltfläche unsichtbar machen, indem ich in HTML auf eine andere Schaltfläche klicke?
Ich habe wie unten geschrieben, aber es funktioniert nicht.

<input type="button" onclick="demoShow();" value="edit" />
<script type="text/javascript"> 
    function demoShow()
    { document.getElementsByName('p2').style.visibility="hidden"; }
</script>
<input id="p2" type="submit" value="submit" name="submit" />

schreib Dies

Verstecken

{document.getElementById("p2").style.display="none";}

zeigen

{document.getElementById("p2").style.display="block";}
10
Sonal Khunt

Für sichtbar:

document.getElementsById("test").style.visibility="visible";

Für unsichtbare:

document.getElementsById("test").style.visibility="hidden";
2
Ranga Reddy
  1. getElementById gibt ein einzelnes Objekt zurück, für das Sie den Stil angeben können. Daher ist die obige Erklärung korrekt.

  2. getElementsByTagName gibt mehrere Objekte (Array von Objekten und Eigenschaften) zurück, auf die wir den Stil nicht direkt anwenden können.

2
Umesh Patil

Verwenden Sie die id des Elements, um dasselbe zu tun.

document.getElementById(id).style.visibility = 'hidden';
1
check123

versuche dies

function demoShow() {   
document.getElementById("but1").style.display="none";

}



<input type="button" value="click me" onclick="demoShow()" id="but" />

<input type="button" value="hide" id="but1" />
1
Mr.T.K

Versuche dies

<input type="button" onclick="demoShow()" value="edit" />
<script type="text/javascript"> 
function demoShow()
{p2.style.visibility="hidden";}
</script>
<input id="p2" type="submit" value="submit" name="submit" />

http://jsbin.com/gurolawu/1/

0
nimday
$( "#btn1" ).click(function() {
 $('#btn2').css('display','none');
});
0
Neminath

Verwenden Sie Folgendes, um ein Element anhand seiner ID abzurufen:

document.getElementById("p2")

Anstatt:

document.getElementsByName("p2")

Das Endprodukt wäre also:

document.getElementsById("p2").style.visibility = "hidden";
0
JCOC611

Verwenden von jQuery!

var demoShow = function(){
    $("#p2").hide();
}

Aber ich würde empfehlen, dass Sie Ihrer Schaltfläche eine ID zuweisen, auf der eine Aktion ausgeführt werden soll. Zum Beispiel:

<input type="button" id="p1" value="edit" />
<input type="button" id="p2" value="submit" name="submit" />

<script type="text/javascript"> 
$("#p1").click(function(){
    $("#p2").hide();
});
</script>

Um es wieder zu zeigen, können Sie einfach schreiben: $("#p2").show();

0

Verwenden Sie diesen Code:

<input type="button" onclick="demoShow()" value="edit" />
<script type="text/javascript"> 
function demoShow()
{document.getElementById("p2").style.visibility="hidden";}
</script>
<input id="p2" type="submit" value="submit" name="submit" />
0
NavaStha

Ich habe Probleme mit dem Verschieben der Elemente mit einigen der oben genannten Methoden gefunden. Wenn Sie also Objekte nebeneinander haben, die Sie einfach austauschen möchten, funktioniert dies am besten für mich

document.getElementById('uncheckAll').hidden = false;
document.getElementById('checkAll').hidden = true;
0
Gavin Mannion