Show Catatan. Tombol radio mirip dengan kotak centang, tetapi dengan perbedaan penting — tombol radio dikelompokkan menjadi satu set di mana hanya satu tombol radio yang dapat dipilih pada satu waktu, sedangkan kotak centang memungkinkan Anda untuk mengaktifkan dan menonaktifkan nilai tunggal. Di mana ada beberapa kontrol, tombol radio memungkinkan satu untuk dipilih dari semuanya, sedangkan kotak centang memungkinkan beberapa nilai untuk dipilih String yang mewakili nilai kotak centang. Ini tidak ditampilkan di sisi klien, tetapi di server ini adalah 0 yang diberikan pada data yang dikirimkan dengan 1 kotak centang. Ambil contoh berikut
Dalam contoh ini, kami memiliki nama 2, dan nilai 3. Saat formulir dikirimkan, pasangan nama/nilai data akan menjadi 4Jika atribut 0 dihilangkan, nilai default untuk kotak centang adalah 6, sehingga data yang dikirimkan dalam kasus tersebut adalah 7Note: If a checkbox is unchecked when its form is submitted, there is no value submitted to the server to represent its unchecked state (e.g. 8); the value is not submitted to the server at all. If you wanted to submit a default value for the checkbox when it is unchecked, you could include an inside the form with the same 1 and 0, generated by JavaScript perhaps.Selain atribut umum yang dimiliki oleh semua elemen Atribut Boolean yang menunjukkan apakah kotak centang ini dicentang secara default (saat halaman dimuat). Itu tidak menunjukkan apakah kotak centang ini saat ini dicentang. jika status kotak centang diubah, atribut konten ini tidak mencerminkan perubahan tersebut. (Hanya atribut _4 3 IDL yang diperbarui. )Catatan. Tidak seperti kontrol input lainnya, nilai kotak centang hanya disertakan dalam data yang dikirimkan jika kotak centang saat ini adalah 3. Jika ya, maka nilai atribut 0 kotak centang dilaporkan sebagai nilai input. Tidak seperti browser lain, Firefox secara default mempertahankan status dinamis yang diperiksa dari <input> di seluruh pemuatan halaman. Gunakan atribut untuk mengontrol fitur iniAtribut 0 adalah atribut yang dimiliki semua <input> ; . ketika formulir dikirimkan, hanya kotak centang yang saat ini dicentang yang dikirimkan ke server, dan nilai yang dilaporkan adalah nilai dari atribut 0. Jika _0 tidak ditentukan lain, itu adalah string 6 secara default. Hal ini ditunjukkan pada bagian di atasKami telah membahas penggunaan paling dasar dari kotak centang di atas. Sekarang mari kita lihat fitur dan teknik terkait kotak centang umum lainnya yang Anda perlukan Contoh yang kita lihat di atas hanya berisi satu kotak centang; . Jika mereka sama sekali tidak terkait, maka Anda dapat menangani semuanya secara terpisah, seperti yang ditunjukkan di atas. Namun, jika semuanya terkait, semuanya tidak sesederhana itu Misalnya, dalam demo berikut kami menyertakan beberapa kotak centang untuk memungkinkan pengguna memilih minat mereka (lihat versi lengkap di bagian ini)
Dalam contoh ini Anda akan melihat bahwa kami telah memberikan setiap kotak centang 1 yang sama. Jika kedua kotak centang dicentang dan kemudian formulir dikirimkan, Anda akan mendapatkan serangkaian pasangan nama/nilai yang dikirimkan seperti ini. _8. Saat string ini mencapai server, Anda perlu mengurainya selain sebagai array asosiatif, sehingga semua nilai, tidak hanya nilai terakhir, dari 9 ditangkap. Untuk satu teknik yang digunakan dengan Python, lihat Menangani Beberapa Kotak Centang dengan Satu Variabel Sisi Server, misalnyaUntuk mencentang kotak centang secara default, berikan atribut 3. Lihat contoh di bawah ini
Dalam contoh di atas, Anda mungkin memperhatikan bahwa Anda dapat mengganti kotak centang dengan mengeklik elemen 1 yang terkait serta pada kotak centang itu sendiri. Ini adalah fitur yang sangat berguna dari label formulir HTML yang memudahkan untuk mengeklik opsi yang Anda inginkan, terutama pada perangkat layar kecil seperti ponsel cerdas.Di luar aksesibilitas, ini adalah alasan bagus lainnya untuk menyiapkan elemen 1 dengan benar di formulir AndaSelain status yang dicentang dan tidak dicentang, ada status ketiga yang dapat digunakan kotak centang. tak tentu. Ini adalah keadaan di mana tidak mungkin untuk mengatakan apakah item tersebut diaktifkan atau dinonaktifkan. Ini diatur menggunakan properti _4 objek 4 melalui JavaScript (tidak dapat diatur menggunakan atribut HTML)
Kotak centang dalam keadaan tak tentu memiliki garis horizontal di dalam kotak (terlihat seperti tanda hubung atau tanda minus) alih-alih tanda centang/centang di sebagian besar browser Tidak banyak kasus penggunaan untuk properti ini. Yang paling umum adalah ketika tersedia kotak centang yang "memiliki" sejumlah sub-opsi (yang juga merupakan kotak centang). Jika semua sub-opsi dicentang, kotak centang kepemilikan juga dicentang, dan jika semuanya tidak dicentang, kotak centang kepemilikan tidak dicentang. Jika salah satu atau beberapa sub-opsi memiliki status yang berbeda dari yang lain, kotak centang pemilik berada dalam status tak tentu Ini dapat dilihat pada contoh di bawah ini (terima kasih kepada Trik CSS untuk inspirasinya). Dalam contoh ini kami melacak bahan yang kami kumpulkan untuk resep. Saat Anda mencentang atau menghapus centang pada kotak bahan, fungsi JavaScript akan memeriksa jumlah total bahan yang diperiksa
Jadi dalam hal ini keadaan _4 digunakan untuk menyatakan bahwa pengumpulan bahan sudah dimulai, tetapi resep belum selesai
Catatan. Jika Anda mengirimkan formulir dengan kotak centang tak tentu, hal yang sama terjadi jika kotak centang tidak dicentang — tidak ada data yang dikirimkan untuk mewakili kotak centang Kotak centang mendukung validasi (ditawarkan untuk semua _9 akan selalu 0. Jika kotak centang memiliki atribut, tetapi tidak dicentang, maka 2 akan menjadi 3Contoh berikut adalah versi tambahan dari contoh "beberapa kotak centang" yang kita lihat di atas — contoh ini memiliki lebih banyak opsi standar, ditambah kotak centang "lainnya" yang bila dicentang menyebabkan bidang teks muncul untuk memasukkan nilai untuk opsi "lainnya". Ini dicapai dengan blok JavaScript sederhana. Contoh ini juga menyertakan beberapa CSS untuk meningkatkan gaya Bagaimana cara menyembunyikan tombol kotak centang di HTML?Ada beberapa cara untuk menyembunyikan . Gunakan tampilan. tidak ada Gunakan visibilitas. tersembunyi Gunakan opasitas. 0 Posisikan dari layar menggunakan posisi. absolut dan nilai yang sangat besar seperti kiri. -9999px Bagaimana cara menghapus kotak centang di HTML?Hapus Fungsi
. Pernyataan terakhir mengeksekusi fungsi removeChild yang menghapus checkboxObject dari wadah div. Hal ini menyebabkan kotak centang yang direferensikan oleh checkboxObject menghilang dari halaman Web.
Bagaimana cara menyembunyikan kotak centang di JavaScript?Kotak centang dari setiap item daftar dapat disembunyikan dengan menggunakan objek htmlAttributes of fields . Dengan bantuan htmlAttributes kita dapat menambahkan kelas unik ke setiap item daftar yang akan dirender dari sumber data, dari kelas CSS kita dapat menyembunyikan kotak centang dari item daftar.
Bagaimana cara menonaktifkan kotak centang?Properti Kotak Centang Input dinonaktifkan . Nonaktifkan kotak centang. dokumen. getElementById("myCheck"). dinonaktifkan = benar; Cari tahu apakah kotak centang dinonaktifkan atau tidak. var x = dokumen. getElementById("myCheck"). dengan disabilitas; Nonaktifkan dan batalkan nonaktifkan kotak centang. fungsi menonaktifkan() { |