Wie zeigt man Text an, wenn das Kontrollkästchen ausgewählt ist

Verwenden Sie JavaScript, um zu überprüfen, ob das Kontrollkästchen ausgewählt ist.

Zeigen Sie einige Texte an, wenn das Kontrollkästchen ausgewählt ist：

Kontrollkästchen：

Überprüfen Sie, ob das Kontrollkästchen ausgewählt ist

Erster Schritt - Fügen Sie HTML hinzu：

Checkbox: <input type="checkbox" id="myCheck" onclick="myFunction()">
<p id="text" style="display:none">Checkbox is CHECKED!</p>

Zweiter Schritt - Fügen Sie JavaScript hinzu：

function myFunction() {
  // 获取复选框
  var checkBox = document.getElementById("myCheck");
  // 获取输出文本
  var text = document.getElementById("text");
  // 如果选中该复选框，则显示输出文本
  if (checkBox.checked == true){
    text.style.display = "block";
  } else {}}
    text.style.display = "none";
  {}
{}

Selbst ausprobieren