Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Thuộc tính form của Input Checkbox trong HTML DOM

Thuộc tính form của HTML DOM Input Checkbox trả về form chứa input checkbox.

Cú pháp

Cú pháp như sau:

Trả về tham chiếu đến đối tượng form:

inputCheckboxObject.form

Ví dụ

Dưới đây là ví dụ về thuộc tính form của HTML DOM Input Checkbox:

<!DOCTYPE html> <html> <head> <title>Thông tin sinh viên</title> </head> <body> <form id="Student-Form"> <div> <input type="text" name="fullName" placeholder="vd: Nguyễn Văn A"> Hiển thị ID Form: <input id="formID" type="checkbox" name="formID"> </div> </form> <button onclick="getFormID()">Lấy ID form chứa Checkbox này</button> <div id="showResult"></div> <script>    function getFormID(){       var checkboxFilter = document.getElementById("formID");       var showResultDiv = document.getElementById("showResult");       if(checkboxFilter.checked == true){          showResultDiv.textContent = 'ID Form: ' + checkboxFilter.form.id;       } else {          showResultDiv.textContent = 'Hãy chọn checkbox';       }    } </script> </body> </html>

Kết quả

Đoạn mã trên sẽ cho kết quả như sau:

Trước khi chọn checkbox 『Hiển thị ID Form』:

Thuộc tính form của Input Checkbox trong HTML DOM

Sau khi chọn checkbox 『Hiển thị ID Form』:

Thuộc tính form của Input Checkbox trong HTML DOM