操作指南 - 在選中複選框時顯示文字
使用 JavaScript 檢查複選框是否選中。
當複選框選中時顯示一些文字
複選框檢查複選框是否選中
步驟 1) 新增 HTML
示例
複選框：<input type="checkbox" id="myCheck" onclick="myFunction()">
<p id="text" style="display:none">複選框已選中！</p>
步驟 2) 新增 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";
}
}
自己動手試一試 »
