Javascript, um ein Kontrollkästchen zu aktivieren, wenn ein anderes Kontrollkästchen aktiviert ist

Question

Ich habe 2 Kontrollkästchen, betrachte chk1 und chk2. Wenn ein Kontrollkästchen aktiviert ist, sollte das zweite Kontrollkästchen automatisch aktiviert werden und nicht umgekehrt. Was sollte das Javascript sein? Kann mir jemand helfen? Vielen Dank!!

Answer 1

Hier ist eine einfache Inline-Version, um die allgemeine Idee zu demonstrieren. Vielleicht möchten Sie es in einer separaten Funktion in der realen Welt herausziehen.

Wenn Sie wollen, dass chk2 automatisch mit allen Änderungen an chk1 synchron bleibt, aber nichts macht, wenn chk2 angeklickt wird, gehen Sie damit fort.

<input id="chk1" type="checkbox" onclick="document.getElementById('chk2').checked = this.checked;"> 
<input id="chk2" type="checkbox"> 

Diese Version wird nur chk2 ändern, wenn chk1 geprüft, aber nichts tun, wenn cis1 nicht aktiviert ist.

<input id="chk1" type="checkbox" onclick="if (this.checked) document.getElementById('chk2').checked = true;"> 
<input id="chk2" type="checkbox"> 

Answer 2

var chk1 = document.getElementById('chk1'); 
var chk2 = document.getElementById('chk2'); 

if (chk1.checked) 
     chk2.checked = true; 

Answer 3

Für die erste:

document.getElementById('chk1').checked = document.getElementById('chk2').checked; 

Für die zweite:

document.getElementById('chk2').checked = document.getElementById('chk1').checked;