Artikel ini akan mengilustrasikan metode untuk menonaktifkan tombol HTML di JavaScript.
Bagaimana Cara Menonaktifkan Tombol HTML Menggunakan JavaScript?
Untuk menonaktifkan tombol HTML menggunakan JavaScript, gunakan tombol “ dengan disabilitas ” milik elemen tombol. Tombol ini juga dinonaktifkan menggunakan atribut 'nonaktif' HTML, tetapi akan dinonaktifkan secara permanen, dan Anda tidak akan dapat mengaktifkannya kembali. Saat menggunakan JavaScript, properti 'nonaktif' dapat dinonaktifkan dan tombol diaktifkan secara dinamis.
Sintaksis
Sintaks yang diberikan digunakan untuk menonaktifkan tombol:
buttonObject. dengan disabilitas
Contoh 1: Nonaktifkan Tombol
Buat tombol di file HTML dan tetapkan id ' tombol ” yang akan membantu mengakses tombol ini:
< tombol id = 'tombol' > Tombol tombol >
Ambil tombol HTML dalam file JavaScript, menggunakan id yang ditetapkan dengan bantuan “ getElementById() ' metode:
dulu tombol = dokumen. getElementById ( 'tombol' ) ;
Tetapkan properti “ dengan disabilitas ' ke ' BENAR ”:
tombol. dengan disabilitas = BENAR ;Seperti yang Anda lihat, tombol di keluaran telah dinonaktifkan:
Contoh 2: Nonaktifkan Tombol pada Acara Klik
Di sini, kami akan menonaktifkan tombol sambil mengkliknya. Pertama, dapatkan referensi tombol menggunakan id yang ditetapkan:
Panggil “ addEventListener() ” metode dengan melampirkan “ klik ” acara, yang akan mengatur properti yang dinonaktifkan “ BENAR ” sambil mengklik tombol:
tombol. addEventListener ( 'klik' , fungsi ( ) {jika ( tombol. dengan disabilitas ) {
tombol. dengan disabilitas = PALSU ;
}
kalau tidak {
tombol. dengan disabilitas = BENAR ;
}
} ) ;
Dapat diamati bahwa saat mengklik tombol, tombol tersebut dinonaktifkan:
Itu semua tentang tombol penonaktifan di JavaScript.
Kesimpulan
Untuk menonaktifkan tombol HTML di JavaScript, gunakan “ dengan disabilitas ” milik elemen tombol. Ini membantu untuk mengaktifkan atau menonaktifkan tombol secara dinamis sementara atribut 'nonaktif' HTML menonaktifkan tombol secara permanen. Artikel ini mengilustrasikan metode untuk menonaktifkan tombol HTML di JavaScript.