Rumah >hujung hadapan web >html tutorial >Objek Radio Input DOM HTML

Objek Radio Input DOM HTML

WBOY
WBOYke hadapan
2023-08-30 13:45:021088semak imbas

Objek radio input DOM HTML dikaitkan dengan elemen jenis "radio". Kita boleh mencipta dan mengakses elemen input dengan jenis radio menggunakan kaedah createElement() dan getElementById() masing-masing.

Properties

Berikut adalah sifat-sifat input Radio object- p>

10 Sintaks Mari kita lihat contoh memasukkan objek pilihan radio - Demo LangsungOutput
Sr.No Properties and Description
Sr.NoProperties and Description

p>

11

t atau kembali sama ada radio butang Halaman secara automatik mendapat fokus apabila memuatkan. . Nilai lalai atribut s

4 defaultValue

Tetapkan atau kembalikan nilai lalai butang radio.

5 Dilumpuhkan

Menetapkan atau mengembalikan sama ada butang radio dinyahdayakan ke borang yang mengandungi butang radio

7 Nama p>

Menetapkan atau mengembalikan nilai atribut nama butang radio.

8 Diperlukan

Menetapkan atau mengembalikan sama ada perlu menyemak paksa butang radio sebelum menyerahkan borang.

9 Taip

Mengembalikan jenis elemen borang butang radio.

Nilai

Menetapkan atau mengembalikan sifat nilai butang radio.

Berikut ialah sintaks - Buat objek radio input.

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

Contoh

<!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=&rdquo;button&rdquo; onclick="createRadio()">CREATE</button>
<br><br>
Mango:
</body>
</html>
Ini akan menghasilkan output berikut −

Klik butang CATE

dalam contoh di atas Dalam contoh −

kami mencipta butang bernama CREATE, yang akan melaksanakan kaedah createRadio() apabila pengguna mengkliknya kaedah −

<button type=&rdquo;button&rdquo; onclick="createRadio()">CREATE</button>

createRadio() menggunakan kaedah createElement() objek dokumen untuk menciptanya dengan menghantar "INPUT" sebagai parameter

elemen. Elemen input yang baru dibuat diberikan kepada pembolehubah R dan menggunakan kaedah setAttribute() kita mencipta atribut jenis dengan radio nilai.

Ingat, setAttribute() mencipta atribut dan memberikan nilai jika atribut itu tidak wujud sebelum ini. Akhir sekali, menggunakan kaedah appendChild() pada badan dokumen, kami menambahkan elemen input radio jenis sebagai elemen anak badan -

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

Atas ialah kandungan terperinci Objek Radio Input DOM HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam