如何當復選框被選中時顯示文本

使用 JavaScript 檢查復選框是否已選中。

選中復選框時顯示一些文本：

復選框：

檢查復選框是否已選中

第一步 - 添加 HTML：

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

第二步 - 添加 JavaScript：

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";
  }
}

親自試一試