HTML DOM Input Radio ตรวจสอบคุณสมบัติ

คุณสมบัติ HTML DOM Input Radio ที่ตรวจสอบนั้นสัมพันธ์กับคุณสมบัติที่ตรวจสอบขององค์ประกอบ ที่มีประเภท radio ใช้เพื่อตั้งค่าหรือคืนค่าแอตทริบิวต์ที่เลือกโดยทั่วไปของปุ่มตัวเลือก

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์สำหรับ −

การตั้งค่าคุณสมบัติที่ตรวจสอบ

radioObject.checked = true|false

ตัวอย่าง

ให้เราดูตัวอย่างสำหรับคุณสมบัติที่ตรวจสอบด้วยวิทยุ -

<!DOCTYPE html>
<html>
<body>
<h1>Input Radio checked property</h1>
<form>
FRUIT:
<input type="radio" name="fruits" id="Mango">Mango
<input type="radio" name="fruits" id="Apple">Apple
</form>
<br><button type=”button” onclick="checkApple()">Check Apple</button>
<script>
   function checkApple() {
      document.getElementById("Apple").checked = true;
   }
</script>
</body>
</html>

ผลลัพธ์

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

HTML DOM Input Radio ตรวจสอบคุณสมบัติ

เมื่อคลิกปุ่ม “ตรวจสอบ Apple” −

HTML DOM Input Radio ตรวจสอบคุณสมบัติ

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

เรามีช่องใส่ข้อมูล 2 ช่องภายในแบบฟอร์มที่มีแอตทริบิวต์ร่วมกันประเภท ="วิทยุ" และชื่อ ="ผลไม้" ปุ่มตัวเลือกแรกมีรหัส "มะม่วง" และปุ่มที่สองมีรหัส "Apple" -

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

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

<button type=”button” onclick="checkApple()">Check Apple</button>

วิธี checkApple() รับองค์ประกอบอินพุตด้วยวิทยุประเภทโดยใช้เมธอด getElementById() และตั้งค่าคุณสมบัติที่ตรวจสอบแล้วเป็นจริง นี่เป็นการตรวจสอบปุ่มตัวเลือกของ apple:−

function checkApple() {
   document.getElementById("Apple").checked = true;
}