คุณสมบัติที่จำเป็นของช่องทำเครื่องหมายการป้อนข้อมูลจะกำหนดว่าช่องทำเครื่องหมายการป้อนข้อมูลนั้นจำเป็นต้องตรวจสอบหรือไม่
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์ -
- คืนค่าบูลีน - จริง/เท็จ
inputCheckboxObject.required
- การตั้งค่าที่จำเป็นสำหรับ booleanValue
inputCheckboxObject.required = booleanValue
ค่าบูลีน
ที่นี่ “booleanValue” สามารถเป็นดังต่อไปนี้ -
| booleanValue | รายละเอียด |
|---|---|
| จริง | กำหนดว่าจำเป็นต้องทำเครื่องหมายในช่องเพื่อส่งแบบฟอร์ม |
| ผิด | เป็นค่าเริ่มต้นและไม่บังคับตรวจสอบ |
ตัวอย่าง
ให้เราดูตัวอย่างของช่องทำเครื่องหมายการป้อนข้อมูลที่จำเป็น ทรัพย์สิน −
<!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> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
คลิก 'ตรวจสอบว่าสามารถส่งแบบฟอร์มได้หรือไม่' ปุ่มที่ไม่มีช่องกาเครื่องหมาย -
หลังจากคลิก ‘ตรวจสอบว่าสามารถส่งแบบฟอร์มได้ ’ พร้อมช่องทำเครื่องหมาย −
