Artikel ini menunjukkan tujuan, fungsi dan penggunaan sifat HTML DOM Input Radio 'disemak' dalam JavaScript.
Apakah Harta Radio Input DOM HTML 'disemak' dalam JavaScript?
Harta Input Radio 'disemak' berfungsi pada borang HTML dan medan input untuk menetapkan dan menyemak status butang 'Radio'.
Sintaks (Tetapkan Harta Disemak)
radioObject. diperiksa = benar | salahMenurut sintaks pulangan yang ditakrifkan, sifat 'disemak' menyokong dua parameter yang disenaraikan di bawah:
- benar: Ia menunjukkan bahawa elemen yang sepadan diperiksa.
- salah: Ia menunjukkan bahawa elemen yang sepadan tidak ditandakan.
Sintaks (Pemulangan Harta Disemak)
radioObject. diperiksaDalam sintaks di atas, ' radioObject ” merujuk kepada HTML “ ” unsur yang jenisnya ialah “radio”.
Mari gunakan sintaks yang ditakrifkan di atas untuk menerangkan penggunaan harta HTML DOM Input Radio 'disemak' dengan bantuan contoh praktikal yang diberikan.
Contoh 1: Menggunakan Harta Radio Input 'disemak'. Menggunakan Sintaks Asas
Dalam contoh pertama, butang 'Radio' dicipta untuk menetapkan sifat 'disemak' dengan menggunakan sintaks umum yang ditentukan.
Kod HTML
Pertama, lihat kod HTML yang dinyatakan:
< gaya badan = 'text-align: center' >
< h2 > HTML Radio Input DOM Diperiksa Harta h2 >
Warna : < jenis input = 'radio' ID = 'kuning' > Kuning < br >< br >
< butang onclick = 'colorCheck()' > Semak 'kuning' butang >
< butang onclick = 'colorUncheck()' > Nyahtanda 'kuning' butang >
Dalam baris kod di atas:
- '
teg ” mentakrifkan bahagian badan yang sejajar dengan “ pusat ”. - ' teg ” menentukan subtajuk pertama.
- ' tag ” menambah butang “Radio” dengan menyatakan jenis input “ radio 'dengan id yang ditetapkan' kuning ”.
- '
teg ' menambah butang ringkas yang dikaitkan dengan ' onclick ' acara untuk melaksanakan ' colorCheck() ” fungsi yang akan diakses apabila butang klik. - Begitu juga, satu lagi '
teg ” mencipta butang untuk memanggil “ colorUncheck() ” fungsi apabila klik butang.
Kod JavaScript
Seterusnya, ikuti kod JavaScript yang diberikan:
< skrip >fungsi colorCheck ( ) {
dokumen. getElementById ( 'kuning' ) . diperiksa = benar ;
}
warna fungsiNyahtanda ( ) {
dokumen. getElementById ( 'kuning' ) . diperiksa = salah ;
}
skrip >
Dalam coretan kod di atas:
- Fungsi pertama ' colorCheck() 'menggunakan' document.getElementById() ' kaedah untuk mengambil butang radio, kaitkan ' diperiksa ” harta dan tetapkan nilainya kepada “benar”.
- Sebaliknya, fungsi ' colorUncheck() ” menetapkan nilai “ diperiksa harta ” kepada “palsu” terhadap butang Radio yang diakses.
Pengeluaran
Seperti yang dilihat, output menyemak butang 'Radio' pada butang (bernama 'Semak') klik dan nyahtanda' pada butang ('Nyahtanda') klik.
Contoh 2: Mengembalikan Nilai Radio Input 'disemak'.
Contoh ini menggunakan sifat Input Radio 'disemak' untuk mengembalikan keadaan butang 'Radio' yang disasarkan sebagai nilai boolean.
Kod HTML
Pertimbangkan kod HTML berikut:
< gaya badan = 'text-align: center' >< h2 > HTML Radio Input DOM Diperiksa Harta h2 >
Warna : < jenis input = 'radio' diperiksa = benar ID = 'kuning' > Kuning < br >< br >
< butang onclick = 'colorCheck()' > Semak 'kuning' butang >
< p id = 'sampel' >< hlm >
Dalam blok kod di atas, ' Radio butang ' dicipta dan status ' diperiksa ' harta ditetapkan kepada ' benar ”. Selepas itu, begitu juga, fungsi yang dinyatakan dipanggil melalui dilampirkan ' onclick ” acara dengan butang.
Kod JavaScript
Sekarang, pertimbangkan baris kod berikut:
< skrip >fungsi colorCheck ( ) {
di mana = dokumen. getElementById ( 'kuning' ) . lalaiSemak ;
dokumen. getElementById ( 'sampel' ) . innerHTML = t ;
}
skrip >
Dalam coretan kod di atas:
- Tentukan fungsi bernama “ colorCheck() ”.
- Dalam definisinya, gunakan ' document.getElementById() ' kaedah untuk mengakses butang 'Radio' menggunakan idnya 'kuning' dan mengaitkan ' lalaiSemak harta ” untuk menyemak nilai lalai “ diperiksa ” atribut.
- Akhir sekali, gunakan ' document.getElementById() ” sekali lagi untuk mengambil perenggan kosong yang disertakan dan memaparkan status harta “disemak”.
.
Pengeluaran
Seperti yang dianalisis, hasilnya mengembalikan status butang 'Radio' yang diberikan iaitu, ' benar ” apabila butang klik.
Kesimpulan
Dalam JavaScript, sifat Radio Input DOM HTML 'disemak' berguna untuk menetapkan dan mengembalikan status butang 'Radio' yang disemak. Sintaks yang ditetapkan bagi sifat 'diperiksa' berfungsi pada dua nilai ' benar ” dan “ salah ”. Sebaliknya, sintaks pemulangannya tidak memerlukan sebarang parameter. Artikel ini menunjukkan objektif, kefungsian dan penggunaan sifat HTML DOM Input Radio 'disemak' dalam JavaScript.