2016-05-27 9 views
-3

Ist es möglich, einen Knopf zu haben, die auf eine andere Taste ist .. (nicht über)-Knopf-Knopf HTML

Ich möchte eine Schaltfläche auf einer Taste haben, so dass, wenn ein Benutzer Wenn Sie eine Checkbox deaktivieren, verschwindet die obere Schaltfläche.

+1

Warum nicht Sie es einfach machen, so dass, wenn sie die Checkbox die Schaltfläche Änderungen deaktivieren Sie eine neue Schaltfläche sein? Oder zumindest eine neue Funktion. –

+0

Vielleicht ist eine direktere Frage, warum willst du das tun? –

+0

Wenn Sie ein "button" -Tag in einem anderen "button" -Tag haben möchten, ist es kein gültiger HTML-Code. –

Antwort

1

Sie können position:absolute verwenden, um es über dem anderen zu machen. Dann zeigen und verstecken Sie die Schaltfläche basierend auf dem Änderungsereignis.

function change(ele) { 
 
    document.getElementById('btn2').style.display = ele.checked ? 'none' : 'inline' 
 
}
#div { 
 
    position: relative 
 
} 
 
#btn2 { 
 
    position: absolute; 
 
    left: 0 
 
}
<input type="checkbox" id="check" onchange="change(this)" /> 
 

 
<div id="div"> 
 
    <button id="btn1">button1</button> 
 
    <button id="btn2">button2</button> 
 
</div>