Thuộc tính type của Input Checkbox trả về/thiết lập kiểu của Input Checkbox.
Cú pháp
Cú pháp như sau:
- Lấy giá trị chuỗi:
inputCheckboxObject.type
- Thiết lập type thành giá trị chuỗi:
inputCheckboxObject.type = stringValue
Các giá trị chuỗi
Ở đây, 「stringValue」 có thể là các giá trị sau:
| stringValue | Chi tiết |
|---|---|
| checkbox | Định nghĩa kiểu input là checkbox |
| radio | Định nghĩa kiểu input là radio |
| text | Định nghĩa kiểu input là text |
Ví dụ
Dưới đây là ví dụ về thuộc tính Input Checkbox type:
<!DOCTYPE html> <html> <head> <title>Thuộc tính Type của Checkbox</title> </head> <body> <form id="Form"> <div> Khác: <input id="formCheckbox" type="checkbox" name="formCheckbox"> </div> </form> <button onclick="changeType()">Thay đổi kiểu input</button> <div id="displayDiv"></div> <script> var typeOfInput = document.getElementById("formCheckbox"); var displayDiv = document.getElementById("displayDiv"); displayDiv.textContent = 'Kiểu Input: ' + typeOfInput.type function changeType(){ if(typeOfInput.type == 'checkbox'){ typeOfInput.type = 'text' displayDiv.textContent = 'Kiểu Input: ' + typeOfInput.type } } </script> </body> </html>
Kết quả
Đoạn mã trên sẽ cho kết quả như sau:
Trước khi nhấn nút 『Thay đổi kiểu input』:
Sau khi nhấn nút 『Thay đổi kiểu input』:
