Thuộc tính required của Input Checkbox xác định xem việc chọn checkbox có bắt buộc hay không.
Cú pháp
Cú pháp như sau:
- Trả về giá trị boolean - true/false:
inputCheckboxObject.required
- Thiết lập required thành booleanValue:
inputCheckboxObject.required = booleanValue
Các giá trị boolean
Ở đây, 「booleanValue」 có thể là các giá trị sau:
| booleanValue | Chi tiết |
|---|---|
| true | Định nghĩa rằng việc chọn checkbox là bắt buộc để gửi form. |
| false | Là giá trị mặc định và việc chọn không bắt buộc. |
Ví dụ
Dưới đây là ví dụ về thuộc tính Input Checkbox required:
<!DOCTYPE html> <html> <head> <title>Thuộc tính Required của Checkbox</title> </head> <body> <form id="Form"> <div> Chọn tôi! Tôi là bắt buộc: <input id="formCheckbox" type="checkbox" name="formCheckbox" required> </div> </form> <button onclick="getRequiredStatus()">Kiểm tra form có thể gửi được không</button> <div id="displayDiv"></div> <script> function getRequiredStatus(){ var requiredBool = document.getElementById("formCheckbox"); var displayDiv = document.getElementById("displayDiv"); if(requiredBool.required == false || (requiredBool.required == true && requiredBool.checked == true)){ displayDiv.textContent = 'Thuộc tính required của checkbox: '+requiredBool.required + ', form có thể gửi '; } else { displayDiv.textContent = 'Hãy chọn checkbox'+ ', giá trị hiện tại của required: '+requiredBool.required ; } } </script> </body> </html>
Kết quả
Đoạn mã trên sẽ cho kết quả như sau:
Nhấn nút 『Kiểm tra form có thể gửi được không』 với checkbox chưa chọn:
Sau khi nhấn nút 『Kiểm tra form có thể gửi được không』 với checkbox đã chọn:
