❮ Masukkan Objek Kotak Centang
Contoh
Setel status kotak centang yang dicentang
pemeriksaan fungsi() {
dokumen. getElementById("myCheck"). diperiksa = benar;
}
fungsi hapus centang() {
dokumen. getElementById("myCheck"). diperiksa = salah;
}
Definisi dan Penggunaan
Properti yang dicentang menyetel atau mengembalikan status kotak centang yang dicentang
Properti ini mencerminkan atribut HTML yang diperiksa
Dukungan Peramban
PropertidiperiksaYaYaYaYaYaSintaksis
Kembalikan properti yang diperiksa
Tetapkan properti yang diperiksa
checkboxObject. diperiksa = benar. PALSU
Nilai properti
NilaiDeskripsibenar. falseMenentukan apakah kotak centang harus dicentang atau tidak- benar - Kotak centang dicentang
- salah - Default. Kotak centang tidak dicentang
Detail Teknis
Nilai Pengembalian. Boolean, mengembalikan nilai true jika checkbox dicentang, dan false jika checkbox tidak dicentangLebih Banyak Contoh
Contoh
Cari tahu apakah kotak centang dicentang atau tidak
var x = dokumen. getElementById("myCheck"). diperiksa;
Cobalah sendiri "Contoh
Gunakan kotak centang untuk mengonversi teks di bidang input menjadi huruf besar
dokumen. getElementById("namaf"). nilai = dokumen. getElementById("namaf"). nilai. toUpperCase();
Cobalah sendiri "Contoh
Beberapa kotak centang dalam formulir
var kopi = dokumen. formulir[0];
var.txt = "";
var i;
untuk (i = 0; i < kopi. panjang;
jika (kopi[i]. diperiksa) {
txt = txt + kopi[i]. nilai + " ";
}
}
dokumen. getElementById("Pesanan"). value = "Anda memesan kopi dengan. " + txt;
Halaman Terkait
referensi HTML. Atribut diperiksa HTML
❮ Masukkan Objek Kotak CentangBagian berikut menjelaskan cara melacak status kotak centang apakah dicentang atau tidak menggunakan metode jQuery prop() serta pemilih :checked
Menggunakan Metode jQuery prop()
Metode jQuery prop()_ menyediakan cara sederhana, efektif, dan andal untuk melacak status kotak centang saat ini. Ini bekerja cukup baik di semua kondisi karena setiap kotak centang memiliki properti yang dicentang yang menentukan statusnya yang dicentang atau tidak dicentang
Jangan salah paham dengan atribut checked. Atribut checked_ hanya menentukan status awal kotak centang, dan bukan status saat ini. Mari kita lihat cara kerjanya
Menggunakan jQuery :checked Pemilih
Anda juga dapat menggunakan pemilih jQuery :checked untuk memeriksa status kotak centang. Pemilih :checked_ dirancang khusus untuk tombol radio dan kotak centang
Saat Anda menggunakannya dalam formulir dan mencoba membaca semua nilai yang dicentang seperti elemen lain seperti – kotak teks, area teks, tombol radio, dll.
Masukkan beberapa nilai kotak centang di
Harap aktifkan JavaScript
Masukkan beberapa nilai kotak centang dalam database di PHPecho $_POST['lang']; // Checkbox element_Anda akan mendapatkan nilai terakhir yang diperiksa
Anda perlu mengirim nilai kotak centang dalam bentuk Array ketika formulir dikirimkan maka Anda dapat mengulangi nilai $_POST
Demo Unduh
Isi
1. Baca $_POST nilai yang diperiksa
HTML
Saat membuat beberapa kotak centang, tambahkan [] di akhir atribut nama e. g. lang[]. Di sini, [] menunjukkan sebuah Array
<span>Select languages</span><br/> <input type="checkbox" name='lang[]' value="PHP"> PHP <br/> <input type="checkbox" name='lang[]' value="JavaScript"> JavaScript <br/> <input type="checkbox" name='lang[]' value="jQuery"> jQuery <br/> <input type="checkbox" name='lang[]' value="Angular JS"> Angular JS <br/>PHP
Saat formulir dikirimkan, lalu ulangi <span>Select languages</span><br/> <input type="checkbox" name='lang[]' value="PHP"> PHP <br/> <input type="checkbox" name='lang[]' value="JavaScript"> JavaScript <br/> <input type="checkbox" name='lang[]' value="jQuery"> jQuery <br/> <input type="checkbox" name='lang[]' value="Angular JS"> Angular JS <br/>_0 nama kotak centang menggunakan <span>Select languages</span><br/> <input type="checkbox" name='lang[]' value="PHP"> PHP <br/> <input type="checkbox" name='lang[]' value="JavaScript"> JavaScript <br/> <input type="checkbox" name='lang[]' value="jQuery"> jQuery <br/> <input type="checkbox" name='lang[]' value="Angular JS"> Angular JS <br/>1
if(isset($_POST['submit'])){ if(!empty($_POST['lang'])) { foreach($_POST['lang'] as $value){ echo "value : ".$value.'<br/>'; } } }Kode Selesai
<form method="post" action=""> <span>Select languages</span><br/> <input type="checkbox" name='lang[]' value="PHP"> PHP <br/> <input type="checkbox" name='lang[]' value="JavaScript"> JavaScript <br/> <input type="checkbox" name='lang[]' value="jQuery"> jQuery <br/> <input type="checkbox" name='lang[]' value="Angular JS"> Angular JS <br/> <input type="submit" value="Submit" name="submit"> </form> <?php if(isset($_POST['submit'])){ if(!empty($_POST['lang'])) { foreach($_POST['lang'] as $value){ echo "value : ".$value.'<br/>'; } } } ?>_2. Demo
Lihat Demo
3. Struktur tabel
Saya menggunakan tabel <span>Select languages</span><br/> <input type="checkbox" name='lang[]' value="PHP"> PHP <br/> <input type="checkbox" name='lang[]' value="JavaScript"> JavaScript <br/> <input type="checkbox" name='lang[]' value="jQuery"> jQuery <br/> <input type="checkbox" name='lang[]' value="Angular JS"> Angular JS <br/>_2 dalam contoh
CREATE TABLE `languages` ( `id` int(11) NOT NULL PRIMARY KEY AUTO_INCREMENT, `language` varchar(80) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8;_4. Konfigurasi
Buat file <span>Select languages</span><br/> <input type="checkbox" name='lang[]' value="PHP"> PHP <br/> <input type="checkbox" name='lang[]' value="JavaScript"> JavaScript <br/> <input type="checkbox" name='lang[]' value="jQuery"> jQuery <br/> <input type="checkbox" name='lang[]' value="Angular JS"> Angular JS <br/>_3 baru
Kode Selesai
<?php $host = "localhost"; /* Host name */ $user = "root"; /* User */ $password = ""; /* Password */ $dbname = "tutorial"; /* Database name */ $con = mysqli_connect($host, $user, $password,$dbname); // Check connection if (!$con) { die("Connection failed: " . mysqli_connect_error()); }5. Sisipkan dan Tampilkan nilai yang dicentang dari Database
Buat Array <span>Select languages</span><br/> <input type="checkbox" name='lang[]' value="PHP"> PHP <br/> <input type="checkbox" name='lang[]' value="JavaScript"> JavaScript <br/> <input type="checkbox" name='lang[]' value="jQuery"> jQuery <br/> <input type="checkbox" name='lang[]' value="Angular JS"> Angular JS <br/>_4 untuk menyimpan nama bahasa
Menggunakan ini untuk membuat kotak centang dengan mengulanginya
Menyisipkan -
Pada <span>Select languages</span><br/> <input type="checkbox" name='lang[]' value="PHP"> PHP <br/> <input type="checkbox" name='lang[]' value="JavaScript"> JavaScript <br/> <input type="checkbox" name='lang[]' value="jQuery"> jQuery <br/> <input type="checkbox" name='lang[]' value="Angular JS"> Angular JS <br/>5 kirim konversi <span>Select languages</span><br/> <input type="checkbox" name='lang[]' value="PHP"> PHP <br/> <input type="checkbox" name='lang[]' value="JavaScript"> JavaScript <br/> <input type="checkbox" name='lang[]' value="jQuery"> jQuery <br/> <input type="checkbox" name='lang[]' value="Angular JS"> Angular JS <br/>6 ke string menggunakan <span>Select languages</span><br/> <input type="checkbox" name='lang[]' value="PHP"> PHP <br/> <input type="checkbox" name='lang[]' value="JavaScript"> JavaScript <br/> <input type="checkbox" name='lang[]' value="jQuery"> jQuery <br/> <input type="checkbox" name='lang[]' value="Angular JS"> Angular JS <br/>7. Periksa entri dalam tabel <span>Select languages</span><br/> <input type="checkbox" name='lang[]' value="PHP"> PHP <br/> <input type="checkbox" name='lang[]' value="JavaScript"> JavaScript <br/> <input type="checkbox" name='lang[]' value="jQuery"> jQuery <br/> <input type="checkbox" name='lang[]' value="Angular JS"> Angular JS <br/>_2 jika tidak ada maka masukkan <span>Select languages</span><br/> <input type="checkbox" name='lang[]' value="PHP"> PHP <br/> <input type="checkbox" name='lang[]' value="JavaScript"> JavaScript <br/> <input type="checkbox" name='lang[]' value="jQuery"> jQuery <br/> <input type="checkbox" name='lang[]' value="Angular JS"> Angular JS <br/>9 dalam tabel jika tidak, perbarui nilai if(isset($_POST['submit'])){ if(!empty($_POST['lang'])) { foreach($_POST['lang'] as $value){ echo "value : ".$value.'<br/>'; } } }0
Menampilkan -
Ambil rekaman dari tabel <span>Select languages</span><br/> <input type="checkbox" name='lang[]' value="PHP"> PHP <br/> <input type="checkbox" name='lang[]' value="JavaScript"> JavaScript <br/> <input type="checkbox" name='lang[]' value="jQuery"> jQuery <br/> <input type="checkbox" name='lang[]' value="Angular JS"> Angular JS <br/>_2. Jika ada catatan maka ledakkan if(isset($_POST['submit'])){ if(!empty($_POST['lang'])) { foreach($_POST['lang'] as $value){ echo "value : ".$value.'<br/>'; } } }_2 untuk mendapatkan Array dan tetapkan di if(isset($_POST['submit'])){ if(!empty($_POST['lang'])) { foreach($_POST['lang'] as $value){ echo "value : ".$value.'<br/>'; } } }3
Saat mengulang pada <span>Select languages</span><br/> <input type="checkbox" name='lang[]' value="PHP"> PHP <br/> <input type="checkbox" name='lang[]' value="JavaScript"> JavaScript <br/> <input type="checkbox" name='lang[]' value="jQuery"> jQuery <br/> <input type="checkbox" name='lang[]' value="Angular JS"> Angular JS <br/>4 Array periksa if(isset($_POST['submit'])){ if(!empty($_POST['lang'])) { foreach($_POST['lang'] as $value){ echo "value : ".$value.'<br/>'; } } }5 nilai ada di if(isset($_POST['submit'])){ if(!empty($_POST['lang'])) { foreach($_POST['lang'] as $value){ echo "value : ".$value.'<br/>'; } } }3 Array. Jika ada maka tetapkan if(isset($_POST['submit'])){ if(!empty($_POST['lang'])) { foreach($_POST['lang'] as $value){ echo "value : ".$value.'<br/>'; } } }7 ke if(isset($_POST['submit'])){ if(!empty($_POST['lang'])) { foreach($_POST['lang'] as $value){ echo "value : ".$value.'<br/>'; } } }8 dan gunakan dalam pembuatan kotak centang
Kode Selesai
<?php include "config.php"; ?> <!doctype html> <html> <head> <?php if(isset($_POST['submit'])){ if(!empty($_POST['lang'])) { $lang = implode(",",$_POST['lang']); // Insert and Update record $checkEntries = mysqli_query($con,"SELECT * FROM languages"); if(mysqli_num_rows($checkEntries) == 0){ mysqli_query($con,"INSERT INTO languages(language) VALUES('".$lang."')"); }else{ mysqli_query($con,"UPDATE languages SET language='".$lang."' "); } } } ?> </head> <body> <form method="post" action=""> <span>Select languages</span><br/> <?php $checked_arr = array(); // Fetch checked values $fetchLang = mysqli_query($con,"SELECT * FROM languages"); if(mysqli_num_rows($fetchLang) > 0){ $result = mysqli_fetch_assoc($fetchLang); $checked_arr = explode(",",$result['language']); } // Create checkboxes $languages_arr = array("PHP","JavaScript","jQuery","AngularJS"); foreach($languages_arr as $language){ $checked = ""; if(in_array($language,$checked_arr)){ $checked = "checked"; } echo '<input type="checkbox" name="lang[]" value="'.$language.'" '.$checked.' > '.$language.' <br/>'; } ?> <input type="submit" value="Submit" name="submit"> </form> </body> </html>6. Kesimpulan
Lain kali ketika Anda menggunakan beberapa kotak centang dalam formulir Anda maka cukup menginisialisasi nama sebagai Array dengan meletakkan [] di depan dan membacanya dengan loop saat dikirimkan