Membuat Multipel Delete Pada PHP dengan Fitur Checkbox (Bagian 2)
Pembahasan kali ini adalah lanjutan dari yang sebelumnya mengenai multipel delete pada PHP. Kali ini saya akan mencoba membuat fitur tambahannya berupa check all dan uncheck all. Fitur ini dibuat dengan bantuan jQuery untuk melakukan penandaan checklist pada checkbox nya. Bahasan kali ini adalah mencoba melanjutkan kembali dari tutorial sebelumnya mengenai Membuat Multipel Delete Pada PHP dengan Fitur Checkbox.
Oke langsung saja kita ambil source code nya dari sini. Yang kita butuhkan adalah tambahan file jquery, dan yang saya gunakan disini adalah jQuery 1.8.3. Scriptnya kita ubah menjadi seperti berikut
<script src="/jquery-1.8.3.min.js"></script>
<script>
$(function(){
$('.cek-all').click(function(){
var cek = $(this).attr('checked')=='checked' ? true : false;
$('.cekmultipel').attr('checked', cek);
})
})
</script>
<?php
echo "<form action=\"dodelete.php\" method=\"post\">
<table border=1>
<tr>
<th><input type=\"checkbox\" class=\"cek-all\" /></th>
<th>No.</th>
<th>Nama</th>
<th>jkelamin</th>
<th>Kelas</th>
</tr>";
$no = 1;
$mysqli = new mysqli("localhost", "arijuli9_ari", "dimension123", "arijuli9_db");
$sql = $mysqli->query("SELECT idsiswa,nama,jkelamin,kelas from test_siswa order by nama");
if($sql->num_rows>0){
while($data = mysqli_fetch_array($sql)){
echo "<tr>
<td><input type=\"checkbox\" name=\"del[]\" class=\"cekmultipel\" value=\"$data[idsiswa]\" /></td>
<td>$no.</td>
<td>$data[nama]</td>
<td>$data[jkelamin]</td>
<td>$data[kelas]</td>
</tr>";
$no++;
}
}
echo "</table>
<input type=\"submit\" name=\"do\" value=\"Hapus yang dipilih\" />
</form>";
?>
Lihat Demo | Source Code
Sudah seperti itu tekniknya. Mudah bukan???