HTML DOM Input Radio defaultChecked Property

คุณสมบัติ HTML DOM Input Radio defaultChecked จะตรวจสอบว่าปุ่มตัวเลือกได้รับการตรวจสอบโดยค่าเริ่มต้นหรือไม่ คืนค่าเป็น "จริง" หากเลือกปุ่มตัวเลือก ไม่เช่นนั้นจะคืนค่าเป็น "เท็จ"

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์สำหรับคุณสมบัติเริ่มต้นของวิทยุ -

radioObject.defaultChecked

ตัวอย่าง

ให้เราดูตัวอย่างของคุณสมบัติ Radio defaultChecked -

<!DOCTYPE html>
<html>
<body>
<h1>Input Radio defaultChecked property</h1>
<form>
FRUIT:
<input type="radio" name="fruits" id="Mango" checked>Mango
</form>
<br> <button type=”button” onclick="checkDefault()">CHECK</button>
<p id="Sample"></p>
<script>
   function checkDefault() {
      var c = document.getElementById("Mango").checked;
      document.getElementById("Sample").innerHTML = "The button default checked value is "+c;
   }
</script>
</body>
</html>

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

HTML DOM Input Radio defaultChecked Property

เมื่อคลิกปุ่มตรวจสอบ -

HTML DOM Input Radio defaultChecked Property

ในตัวอย่างข้างต้น −

ขั้นแรกเราได้สร้างอินพุตองค์ประกอบภายในแบบฟอร์มด้วย type=”radio”, name=”fruits”, id=”Mango” และมีคุณสมบัติที่ตรวจสอบแล้วตั้งค่าเป็นจริง -

<form>
FRUIT:
<input type="radio" name="fruits" id="Mango" checked>Mango
</form>

จากนั้นเราได้สร้างปุ่ม CHECK ที่จะรันเมธอด checkDefault() เมื่อผู้ใช้คลิก -

<button type=”button” onclick="checkDefault()">CHECK</button>

เมธอด checkDefault() รับองค์ประกอบอินพุตด้วยวิทยุประเภทโดยใช้เมธอด getElementById() เนื่องจากตรวจสอบปุ่มตัวเลือกแล้ว มันจะคืนค่า จริง ซึ่งเราจะกำหนดให้กับตัวแปร c ค่าจะแสดงในย่อหน้าที่มีรหัส “ตัวอย่าง” โดยใช้คุณสมบัติ innerHTML:

function checkDefault() {
   var c = document.getElementById("Mango").checked;
   document.getElementById("Sample").innerHTML = "The button default checked value is "+c;
}