Thiết lập checkbox checked bằng javascript

Đăng bởi: TheHalfHeart - Vào ngày: - View: 2202

DEMO

Cho một ô checkbox và 2 button, hãy xử lý sự kiện khi click vòa button thứ nhất thì thiết lập trạng thái checked cho checkbox, khi click vào button thứ hai thì hủy bỏ trạng thái checked cho checkbox.

Như thường lệ, đối với bài này thì ta sử dụng thuộc tính checked của đối tượng HTML để thay đổi trạng thái checked cho checkbox như sau:

document.getElementById("checkboxid").checked = true/false

Trong đó bạn có thể sử dụng các loại DOM khác chứ không bắt buôc sử dụng DOM truy vấn theo id.

Code RUN 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Javascript Example</title>
    </head>
    <body>
        <h2>Tạo checkbox checked bằng javascript</h2>
        <p>Hướng dẫn tạo ô checkbox checked bằng Javascript</p>

            <h4>Bạn là fanpage của freetuts.net phải không? chọn nếu phải và không chọn nếu không phải.</h4>
            <input type="checkbox" value="0" id="checkbox1" /> Vâng, đúng rồi
            
        <br/>
        <br/>
        <br/>
        <input type="button" id="btn1" value="Chọn"/>
        <input type="button" id="btn2" value="Bỏ chọn"/>

        <script language="javascript">

            document.getElementById("btn1").onclick = function () {
                document.getElementById("checkbox1").checked = true;
            };

            document.getElementById("btn2").onclick = function () {
                document.getElementById("checkbox1").checked = false;
            };

        </script>
    </body>
</html>

Khóa học nên xem

Nguồn: freetuts.net