Để kiểm tra checkbox đã được tích với JavaScript, mã như sau:
Ví dụ
<!DOCTYPE html> <html> <head> <h1>Hiển thị văn bản khi checkbox được tích</h1> Checkbox: <input type="checkbox" class="check" onclick="checkFunction()" /> <h2 class="textBox" style="display:none">Checkbox đã được tích!</h2> <script> document.querySelector(".check").addEventListener("click", checkFunction); function checkFunction() { var checkBox = document.querySelector(".check"); var textBox = document.querySelector(".textBox"); if (checkBox.checked == true) { textBox.style.display = "block"; } else { textBox.style.display = "none"; } } </script> </body> </html>
Kết quả
Điều này sẽ cho ra kết quả sau:
Khi nhấn vào checkbox:
