Objek Radio Input DOM HTML-html tutorial-php.cn

Objek Radio Input DOM HTML

WBOY

Lepaskan： 2023-08-30 13:45:02

ke hadapan

1087 orang telah melayarinya

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"); Salin selepas log masuk 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=”button” onclick="createRadio()">CREATE</button> <br><br> Mango: </body> </html> Salin selepas log masuk	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>

Salin selepas log masuk

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);
}

Salin selepas log masuk

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