คุณสมบัติ required ของ Input Checkbox ใช้กำหนดว่าจำเป็นต้องติ๊กที่ checkbox หรือไม่
รูปแบบไวยากรณ์ (Syntax)
- การคืนค่าบูลีน - true/false
inputCheckboxObject.required
- การตั้งค่า required เป็น booleanValue
inputCheckboxObject.required = booleanValue
ค่าบูลีนที่เป็นไปได้
ในที่นี้ booleanValue สามารถเป็นค่าต่อไปนี้ได้:
| booleanValue | รายละเอียด |
|---|---|
| true | กำหนดว่าจำเป็นต้องติ๊ก checkbox เพื่อส่งฟอร์ม |
| false | เป็นค่าเริ่มต้น ไม่จำเป็นต้องติ๊ก checkbox |
ตัวอย่าง
ตัวอย่างการใช้งานคุณสมบัติ Input Checkbox required:
<!DOCTYPE html> <html> <head> <title>แอตทริบิวต์ Required ของ Checkbox</title> </head> <body> <form id="Form"> <div> ติ๊กฉันสิ! ฉันจำเป็น: <input id="formCheckbox" type="checkbox" name="formCheckbox" required> </div> </form> <button onclick="getRequiredStatus()">ตรวจสอบว่าส่งฟอร์มได้หรือไม่</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 ของ checkbox: '+requiredBool.required + ', ส่งฟอร์มได้ '; } else { displayDiv.textContent = 'ติ๊กที่ checkbox'+ ', ค่า required ปัจจุบัน: '+requiredBool.required ; } } </script> </body> </html>
ผลลัพธ์
โค้ดด้านบนจะให้ผลลัพธ์ดังนี้:
คลิกปุ่ม 「ตรวจสอบว่าส่งฟอร์มได้หรือไม่」 โดยไม่ติ๊ก checkbox :
หลังคลิกปุ่ม 「ตรวจสอบว่าส่งฟอร์มได้หรือไม่」 พร้อมติ๊ก checkbox :
