Cách - Hiển thị văn bản khi hộp kiểm được chọn
Kiểm tra xem hộp kiểm có được chọn bằng JavaScript hay không.
Hiển thị một số văn bản khi hộp kiểm được chọn:
Hộp kiểm:Kiểm tra xem hộp kiểm có được chọn không
Bước 1) Thêm HTML:
Ví dụ
Checkbox: <input type="checkbox" id="myCheck" onclick="myFunction()">
<p id="text" style="display:none">Checkbox is CHECKED!</p>
Bước 2) Thêm JavaScript:
Ví dụ
function myFunction() {
// Get the checkbox
var checkBox =
document.getElementById("myCheck");
// Get the output text
var text = document.getElementById("text");
// If the checkbox
is checked, display the output text
if (checkBox.checked == true){
text.style.display = "block";
} else {
text.style.display = "none";
}
}
Hãy tự mình thử »