Artikel ini menggambarkan tujuan, kerja dan penggunaan sifat Kotak Semak Input HTML DOM 'dilumpuhkan' dalam JavaScript.
Bagaimanakah Harta Kotak Semak Input DOM HTML 'dilumpuhkan' Berfungsi dalam JavaScript?
Kotak semak input ' kurang upaya harta ” bergantung pada atribut “kotak semak”. Ia berfungsi pada borang HTML dan medan input untuk melumpuhkan dan menyahdayakan kotak pilihan yang diberikan.
Sintaks (Tetapkan Harta yang dilumpuhkan)
kotak semakObjek. kurang upaya = benar | salahMenurut sintaks pulangan yang ditakrifkan, sifat 'dilumpuhkan' menyokong dua parameter yang disenaraikan seperti berikut:
- benar: Ia menunjukkan bahawa kotak semak yang sepadan dilumpuhkan.
- palsu (Nilai lalai): Ia adalah nilai pilihan yang menandakan bahawa kotak semak yang berkaitan tidak dilumpuhkan.
Kembali (Kembalikan Harta yang dilumpuhkan)
kotak semakObjek. kurang upayaDalam sintaks di atas, ' kotak semakObjek ' sepadan dengan HTML ' kotak semak ” unsur.
Mari gunakan sintaks yang ditakrifkan di atas dalam contoh di bawah untuk memahami pelaksanaan praktikal sifat 'dilumpuhkan'.
Contoh 1: Menggunakan Kotak Semak Input 'dilumpuhkan' Harta Menggunakan Sintaks Asas
Dalam contoh pertama, 'kotak semak' ditambahkan untuk melumpuhkannya dengan menggunakan sintaks umum yang ditentukan.
Kod HTML
Pertama, analisa kod HTML yang diberikan:
< gaya badan = 'text-align: center' >
< h2 > HTML Input DOM Kotak semak dilumpuhkan Harta dalam JavaScript h2 >
Kotak semak : < jenis input = 'kotak semak' ID = 'demo' > Borang Dihantar < br >< br >
< hlm > Kotak pilihan yang diberikan dinyahdayakan hlm >
Dalam baris kod di atas:
- '
teg ” menentukan bahagian badan yang sejajar dengan “ pusat 'dengan bantuan daripada' gaya ” atribut. - ' teg ” mentakrifkan subtajuk tahap 2.
- ' teg ” mencipta “kotak semak” dengan menyatakan jenis input “ kotak semak 'mempunyai id yang ditetapkan' demo ”.
- ' teg ” menambah elemen perenggan untuk memaparkan hasil yang terhasil.
Kod JavaScript
Seterusnya, lihat kod JavaScript:
< skrip >dokumen. getElementById ( 'demo' ) . kurang upaya = benar ;
skrip >
Dalam coretan kod di atas, ' document.getElementById() kaedah ” digunakan untuk mengambil kotak pilihan menggunakan id “demo” dan nilai sifat “dilumpuhkan” ditetapkan kepada “ benar ” yang melumpuhkan kotak pilihan.
Pengeluaran
Output di atas mengesahkan bahawa kotak semak yang diberikan dilumpuhkan kerana ' kurang upaya ” harta ditetapkan kepada “ benar ”.
Contoh 2: Mengembalikan Nilai Harta 'dilumpuhkan' Kotak Semak Input
Contoh ini menggunakan sifat 'dilumpuhkan' untuk mengembalikan status kotak pilihan yang disasarkan sebagai nilai boolean (benar/salah).
Kod HTML
Pertimbangkan kod HTML berikut:
< gaya badan = 'text-align: center' >< h2 > HTML Input DOM Kotak semak dilumpuhkan Harta dalam JavaScript h2 >
Kotak semak : < jenis input = 'kotak semak' kurang upaya = benar ID = 'demo' > Borang Dihantar < br >< br >
< p id = 'sampel' > hlm >
Dalam blok kod di atas:
- Kotak semak diberikan dan status ' kurang upaya ' harta ditetapkan kepada ' benar ”.
- Selepas itu, kosong ' elemen ” ditambah dengan “sampel” id yang diberikan untuk menambahkan output.
Kod JavaScript
Sekarang, teruskan ke kod JavaScript:
< skrip >ada = dokumen. getElementById ( 'demo' ) . kurang upaya ;
dokumen. getElementById ( 'sampel' ) . innerHTML = a ;
skrip >
Dalam kod di atas:
- Pembolehubah ' a 'menggunakan' document.getElementById() ' kaedah untuk mengakses kotak semak menggunakan id 'demo' dan mengaitkan ' kurang upaya ” harta untuk menyemak sama ada kotak pilihan yang diambil dinyahdayakan atau tidak.
- Kaedah 'document.getElementById()' digunakan sekali lagi mengambil perenggan kosong yang disertakan dan memaparkan status harta 'dilumpuhkan' sebagai perenggan.
Pengeluaran
Seperti yang dianalisis, hasilnya mengembalikan status 'kotak semak' yang diperuntukkan iaitu, ' benar ”.
Contoh 3: Lumpuhkan dan Nyahdayakan Kotak Semak Menggunakan Harta Kotak Semak Input 'dilumpuhkan'.
Selain daripada menetapkan dan mengembalikan status kotak pilihan, sifat 'dilumpuhkan' juga membenarkan pengguna untuk melumpuhkan dan menyahdayakan kotak pilihan pada masa yang sama. Mari lihat secara praktikal.
Kod HTML
Mari semak kod HTML bertulis:
< gaya badan = 'text-align: center' >< h2 > HTML Input DOM Kotak semak dilumpuhkan Harta dalam JavaScript h2 >
Kotak semak : < jenis input = 'kotak semak' ID = 'demo' > Borang Dihantar input >< br >< br >
< butang onclick = 'checkDisable()' > Lumpuhkan kotak semak butang >
< butang onclick = 'checkUndisable()' > Lumpuhkan kotak semak butang >
Dalam blok kod di atas:
- Begitu juga, sertakan kotak semak dan tambahkan butang yang mempunyai ' onclick ' acara yang melaksanakan ' checkDisable() ” fungsi apabila klik butang.
- Selepas itu, butang kedua ditambah yang juga menggunakan pengendali acara 'onclick' untuk pelaksanaan ' checkUndisable() ” fungsi apabila butang diklik.
Kod JavaScript
Seterusnya, pergi melalui kod yang dinyatakan di bawah:
< skrip >semak fungsiDisable ( ) {
dokumen. getElementById ( 'demo' ) . kurang upaya = benar ;
}
semak fungsiNyahdayakan ( ) {
dokumen. getElementById ( 'demo' ) . kurang upaya = salah ;
}
skrip >
Dalam baris kod di atas:
- Tentukan fungsi bernama “ checkDisable() ” yang terpakai “ document.getElementById() ' kaedah untuk mendekati kotak pilihan melalui id 'demo' dan menetapkan nilainya kepada 'benar'.
- Fungsi kedua ' checkUndisable() Fungsi ” sekali lagi menggunakan kaedah “document.getElementById()” untuk mengakses kotak semak sekali lagi dan menetapkan nilainya kepada “false” jika pengguna mengklik pada butang kedua yang disertakan bernama “Nyahdayakan kotak semak”.
Pengeluaran
Output 'melumpuhkan' kotak pilihan yang diberikan apabila pengguna mengklik pada butang pertama dan 'nyahdayakannya' jika pengguna mengklik pada butang kedua dengan sewajarnya.
Kesimpulan
Dalam JavaScript, Kotak Semak Input DOM HTML “ kurang upaya sifat ” membantu pengguna menetapkan dan mengembalikan status “kotak pilihan” yang telah ditandakan. Ia mentakrifkan sintaks umum untuk kedua-dua proses 'set' dan 'kembali'. Sintaks setnya berfungsi pada dua nilai ' benar ” dan “ salah ”. Sebaliknya, sintaks pemulangannya tidak memerlukan sebarang parameter. Artikel ini menunjukkan objektif, berfungsi dan pelaksanaan praktikal sifat Kotak Semak Input HTML DOM 'dilumpuhkan' dalam JavaScript.