Thuộc tính Yêu cầu hộp kiểm nhập liệu xác định xem Hộp kiểm nhập liệu có bắt buộc phải kiểm tra hay không.
Cú pháp
Sau đây là cú pháp -
- Trả về giá trị boolean - true / false
inputCheckboxObject.required
- Cần cài đặt cho booleanValue
inputCheckboxObject.required = booleanValue
Giá trị Boolean
Ở đây, “booleanValue” có thể là như sau -
| booleanValue | Chi tiết |
|---|---|
| true | Nó xác định rằng bắt buộc phải đánh dấu vào hộp kiểm để gửi biểu mẫu. |
| sai | Đây là giá trị mặc định và không bắt buộc phải kiểm tra. |
Ví dụ
Hãy để chúng tôi xem ví dụ về Yêu cầu hộp kiểm nhập tài sản -
<!DOCTYPE html>
<html>
<head>
<title>Required Attribute of Checkbox</title>
</head>
<body>
<form id="Form">
<div>
Check me ! I am required: <input id="formCheckbox" type="checkbox" name="formCheckbox" required>
</div>
</form>
<button onclick="getRequiredStatus()">Check if form is submittable</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 = 'Required attribute of checkbox: '+requiredBool.required + ', form is submittable ';
} else {
displayDiv.textContent = 'Check the checkbox'+ ', current value of required attribute: '+requiredBool.required ;
}
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Nhấp vào ‘Kiểm tra xem biểu mẫu có thể gửi được không’ nút có hộp kiểm không được chọn -
Sau khi nhấp vào ‘ Kiểm tra xem biểu mẫu có thể gửi được không Nút 'với hộp kiểm đã chọn -
