如何创建 - 选中复选框时显示文本
用 JavaScript 检查复选框是否被选中。
选中复选框时显示一些文本:
Checkbox:检查复选框是否被选中
步骤 1) 添加 HTML:
实例
Checkbox: <input type="checkbox" id="myCheck" onclick="myFunction()">
<p id="text" style="display:none">Checkbox is CHECKED!</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";
}
}
亲自试一试 »