วัตถุวิทยุอินพุต HTML DOM

ออบเจ็กต์วิทยุ HTML DOM Input เชื่อมโยงกับองค์ประกอบ ที่มีประเภท "วิทยุ" เราสามารถสร้างและเข้าถึงองค์ประกอบอินพุตด้วยวิทยุประเภทโดยใช้เมธอด createElement() และ getElementById() ตามลำดับ

คุณสมบัติ

ต่อไปนี้เป็นคุณสมบัติของวัตถุวิทยุอินพุต -

ซีเนียร์	คุณสมบัติ &คำอธิบาย
1	ออโต้โฟกัส เพื่อตั้งค่าหรือย้อนกลับว่าปุ่มตัวเลือกควรได้รับการโฟกัสโดยอัตโนมัติเมื่อโหลดหน้าหรือไม่
2	ตรวจสอบแล้ว เพื่อตั้งค่าหรือคืนสถานะการตรวจสอบปุ่มตัวเลือก
3	ตรวจสอบโดยค่าเริ่มต้น ในการส่งคืนค่าเริ่มต้นของแอตทริบิวต์ที่ตรวจสอบสำหรับปุ่มตัวเลือก
4	ค่าเริ่มต้น เพื่อตั้งค่าหรือส่งคืนค่าเริ่มต้นของปุ่มตัวเลือก
5	ปิดการใช้งาน หากต้องการตั้งค่าหรือย้อนกลับว่าควรปิดใช้งานปุ่มตัวเลือกหรือไม่
6	แบบฟอร์ม เพื่อส่งคืนการอ้างอิงไปยังแบบฟอร์มที่มีปุ่มตัวเลือก
7	ชื่อ การตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ชื่อของปุ่มตัวเลือก
8	จำเป็น หากต้องการตั้งค่าหรือส่งคืนหากจำเป็นต้องตรวจสอบปุ่มตัวเลือกก่อนส่งแบบฟอร์ม
9	พิมพ์ เมื่อต้องการส่งคืนชนิดองค์ประกอบของฟอร์มสำหรับปุ่มตัวเลือก
10	คุณค่า เพื่อตั้งค่าหรือคืนค่าของแอตทริบิวต์ค่าของปุ่มตัวเลือก

ไวยากรณ์

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

การสร้างวัตถุวิทยุอินพุต

var R = document.createElement(“INPUT");
R.setAttribute("type", "radio");

ตัวอย่าง

ให้เราดูตัวอย่างของวัตถุวิทยุอินพุต -

<!DOCTYPE html>
<html>
<head>
<script>
   function createRadio() {
      var R = document.createElement("INPUT");
      R.setAttribute("type", "Radio");
      document.body.appendChild(R);
   }
</script>
</head>
<body>
<h1>Input radio object</h1>
<p>Create an input field with type radio by clicking the below button</p>
<button type=”button” onclick="createRadio()">CREATE</button>
<br><br>
Mango:
</body>
</html>

ผลลัพธ์

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

วัตถุวิทยุอินพุต HTML DOM

เมื่อคลิกปุ่มสร้าง -

วัตถุวิทยุอินพุต HTML DOM

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

เราได้สร้างปุ่ม CREATE ซึ่งจะรันเมธอด createRadio() เมื่อผู้ใช้คลิก -

<button type=”button” onclick="createRadio()">CREATE</button>

เมธอด createRadio() ใช้เมธอด createElement() ของอ็อบเจ็กต์เอกสารเพื่อสร้างองค์ประกอบ โดยส่ง "INPUT" เป็นพารามิเตอร์ องค์ประกอบอินพุตที่สร้างขึ้นใหม่ถูกกำหนดให้กับตัวแปร R และใช้เมธอด setAttribute() เราสร้างแอตทริบิวต์ประเภทพร้อมวิทยุค่า

จำไว้ว่า setAttribute() สร้างแอตทริบิวต์และกำหนดค่าหากไม่มีแอตทริบิวต์ก่อนหน้านี้ สุดท้าย ใช้วิธีการ appendChild() ในเนื้อหาของเอกสาร เราผนวกองค์ประกอบอินพุตที่มีวิทยุประเภทเป็นลูกของร่างกาย -

function createPASS() {
   var R = document.createElement("INPUT");
   R.setAttribute("type", "Radio");
   document.body.appendChild(R);
}