Cara Membuat Multiple Delete dengan Checkbox menggunakan PHP 8

14 Februari 2024 Andira Endi 56 Views 0 Comments 5 min read

Apa sebenarnya dari ke untungan “multiple Delete”?, keuntungan dari menggunakan fitur ini yakni agar memudahkan users menggunakan aplikasi kita, untuk menghapus lebih dari 1x aksi, artinya fitur ini akan sangat berguna ketika users akan banyak menghapus data, akan cukup merepotkan jika ketika aplikasi hanya di sediakan fitur hapus per 1 data, sementara users di haruskan banyak menghapus data.

Daftar Isi

1 Cara Membuat Multiple Delete dengan Checkbox menggunakan PHP

Cara Membuat Multiple Delete dengan Checkbox menggunakan PHP

Langkah Pertama – Persiapan

Berikut ini hal – hal yang harus di persiapkan

Download JQUERY, klik link berikut : Download.
Buat sebuah folder baru dengan nama multiple_delete, lalu simpan pada folder xampp/htdocs/.
Buat sebuah folder dengan nama js, lalu simpan pada folder xampp/htdocs/search_ajax/.
Rename file JQUERY yang telah di download tadi menjadi jquery.min.js, lalu copy and paste pada folder xampp/htdocs/multiple_delete/js/.

Langkah Kedua – Database

Pada langkah ini kita akan membuat database nya, ikuti langkah-langkahnya sebagai berikut :

Buat sebuah database dengan nama multidelete.
Buat sebuah tabel dengan nama siswa. Struktur tabelnya sebagai berikut :

CREATE TABLE IF NOT EXISTS `siswa` (
`nis` varchar(11) NOT NULL,
`nama` varchar(50) NOT NULL,
`jenis_kelamin` varchar(10) NOT NULL,
`telp` varchar(15) NOT NULL,
`alamat` text NOT NULL,
PRIMARY KEY (`nis`)

CREATETABLEIF NOT EXISTS`siswa`(

`nis`varchar(11)NOT NULL,

`nama`varchar(50)NOT NULL,

`jenis_kelamin`varchar(10)NOT NULL,

`telp`varchar(15)NOT NULL,

`alamat`textNOT NULL,

PRIMARY KEY(`nis`)

Langkah Ke Tiga – Koneksi Database

Pada langkah ini kita akan membuat file koneksi.php yang berfungsi untuk menghubungkan dengan database MySql. Silahkan buat file koneksi.php, lalu simpan di folder xampp/htdocs/multiple_delete/. Berikut ini kodenya :

<?php
$host = "localhost"; // Nama hostnya
$username = "root"; // Username
$password = ""; // Password (Isi jika menggunakan password)
$database = "multidelete"; // Nama databasenya
$connect = mysqli_connect($host, $username, $password, $database); // Koneksi ke MySQL
?>

<?php

$host="localhost";// Nama hostnya

$username="root";// Username

$password="";// Password (Isi jika menggunakan password)

$database="multidelete";// Nama databasenya

$connect=mysqli_connect($host,$username,$password,$database);// Koneksi ke MySQL

Langkah Ke empat – Form

Langkah selanjutnya adalah membuat 1 file yang berisi sebuah form untuk melakukan proses sebuah hapus data. Buat sebuah file dengan nama index.php lalu simpan di folder xampp/htdocs/multiple_delete/

<html>
<head>
<title>Multiple Delete</title>
<!-- Load librari/plugin jquery nya -->
<script src="js/jquery.min.js"></script> 
</head>
<body>
<h1>Multiple Delete</h1>
<form method="post" action="delete.php" id="form-delete">
<table border="1" cellpadding="5">
<tr>
<th><input type="checkbox" id="check-all"></th>
<th>NIS</th>
<th>Nama</th>
<th>Telepon</th>
<th>Alamat</th>
</tr>
<?php
// Load file koneksi.php
include "koneksi.php";
// Buat query untuk menampilkan semua data siswa
$sql = mysqli_query($connect, "SELECT * FROM siswa");
$no = 1; // Untuk penomoran tabel, di awal set dengan 1
while($data = mysqli_fetch_array($sql)){ // Ambil semua data dari hasil eksekusi $sql
echo "<tr>";
echo "<td><input type='checkbox' class='check-item' name='nis[]' value='".$data['nis']."'></td>";
echo "<td>".$data['nis']."</td>";
echo "<td>".$data['nama']."</td>";
echo "<td>".$data['telp']."</td>";
echo "<td>".$data['alamat']."</td>";
echo "</tr>";
$no++; // Tambah 1 setiap kali looping
}
?>
</table>
<hr>
<button type="button" id="btn-delete">DELETE</button>
</form>
<script>
$(document).ready(function(){ // Ketika halaman sudah siap (sudah selesai di load)
$("#check-all").click(function(){ // Ketika user men-cek checkbox all
if($(this).is(":checked")) // Jika checkbox all diceklis
$(".check-item").prop("checked", true); // ceklis semua checkbox siswa dengan class "check-item"
else // Jika checkbox all tidak diceklis
$(".check-item").prop("checked", false); // un-ceklis semua checkbox siswa dengan class "check-item"
});
$("#btn-delete").click(function(){ // Ketika user mengklik tombol delete
var confirm = window.confirm("Apakah Anda yakin ingin menghapus data-data ini?"); // Buat sebuah alert konfirmasi
if(confirm) // Jika user mengklik tombol "Ok"
$("#form-delete").submit(); // Submit form
});
});
</script>
</body>
</html>

<html>

<head>

<title>MultipleDelete</title>

<scriptsrc="js/jquery.min.js"></script>

</head>

<body>

<h1>MultipleDelete</h1>

<formmethod="post"action="delete.php"id="form-delete">

<tableborder="1"cellpadding="5">

<tr>

<th>Telepon</th>

<th>Alamat</th>

</tr>

<?php

// Load file koneksi.php

include"koneksi.php";

// Buat query untuk menampilkan semua data siswa

$sql=mysqli_query($connect,"SELECT * FROM siswa");

$no=1;// Untuk penomoran tabel, di awal set dengan 1

while($data=mysqli_fetch_array($sql)){// Ambil semua data dari hasil eksekusi $sql

echo"<tr>";

echo"<td><input type='checkbox' class='check-item' name='nis[]' value='".$data['nis']."'></td>";

echo"<td>".$data['nis']."</td>";

echo"<td>".$data['nama']."</td>";

echo"<td>".$data['telp']."</td>";

echo"<td>".$data['alamat']."</td>";

echo"</tr>";

$no++;// Tambah 1 setiap kali looping

}

</table>

<hr>

<buttontype="button"id="btn-delete">DELETE</button>

</form>

$(document).ready(function(){// Ketika halaman sudah siap (sudah selesai di load)

$("#check-all").click(function(){// Ketika user men-cek checkbox all

if($(this).is(":checked"))// Jika checkbox all diceklis

$(".check-item").prop("checked",true);// ceklis semua checkbox siswa dengan class "check-item"

else// Jika checkbox all tidak diceklis

$(".check-item").prop("checked",false);// un-ceklis semua checkbox siswa dengan class "check-item"

});

$("#btn-delete").click(function(){// Ketika user mengklik tombol delete

varconfirm=window.confirm("Apakah Anda yakin ingin menghapus data-data ini?");// Buat sebuah alert konfirmasi

if(confirm)// Jika user mengklik tombol "Ok"

$("#form-delete").submit();// Submit form

});

</script>

</body>

</html>

Untuk fitur multiple delete yang akan kita buat ini, konsepnya adalah dengan memanfaatkan checkbox. Checkbox ini berguna untuk agar user bisa memilih data mana saja yang akan dia hapus. Jadi kita akan melakukan hapus data terhadap data siswa yang user ceklis saja.

echo “<td><input type=’checkbox’ class=’check-item’ name=’nis[]’ value='”.$data[‘nis’].”‘></td>”;

Kunci utama dari multiple delete ini adalah atribut name pada checkbox siswa nya. Pada kode diatas terlihat saya memberi atribut checkbox nya dengan “nis[]” dan isi dengan value dari nis siswa tersebut. Arti dari kurung siku di situ adalah agar ketika kita kirim data nis tadi ke file proses hapus melalui form submit, data nis tersebut menjadi sebuah array yang berisi nis siswa yang telah di pilih oleh user. Kalau kita coba lihat isi dari data nis tersebut, hasilnya akan seperti gambar dibawah ini :

Gambar diatas merupakan hasil dari kode print_r($_POST);pada file proses hapus (akan kita buat pada step selanjutnya). Untuk melihat data apa saja yang dikirim dari form. Terlihat bahwa terdapat data nis yang berisi nis-nis yang berjumlah 5 nis (karena di form saya ceklis 5 siswa).

Langkah kelima – Proses Hapus

Buat sebuah file dengan nama delete.php lalu simpan di tempat folder menyimpan tadi. Berikut kode nya :

<?php
// Load file koneksi.php
include "koneksi.php";
$nis = $_POST['nis']; // Ambil data NIS yang dikirim oleh index.php melalui form submit
echo implode(",", $nis);
die; //hapus die bila ingin menjalankan $query karena bila tidak di hapus maka akan menjadi sebuah array print_r($_POST)
$query = "DELETE FROM siswa WHERE nis IN(".implode(",", $nis).")"; // Buat variabel $query untuk menampung query delete
// Eksekusi/Jalankan query dari variabel $query
mysqli_query($connect, $query);
header("location: index.php"); // Redirect ke halaman index.php
?>

<?php

// Load file koneksi.php

include"koneksi.php";

$nis=$_POST['nis'];// Ambil data NIS yang dikirim oleh index.php melalui form submit

echoimplode(",",$nis);

die;//hapus die bila ingin menjalankan $query karena bila tidak di hapus maka akan menjadi sebuah array print_r($_POST)

$query="DELETE FROM siswa WHERE nis IN(".implode(",",$nis).")";// Buat variabel $query untuk menampung query delete

// Eksekusi/Jalankan query dari variabel $query

mysqli_query($connect,$query);

header("location: index.php");// Redirect ke halaman index.php

Pada proses hapus disini, kita akan coba menyatukan data nis (berupa array) menjadi sebuah string dengan tanda pemisah koma “,” Caranya yakni dengan menggunakan fungsi implode() di php. Struktur dasara fungsi implode adalah :

implode (string $glue, array $pieces)

Jadi parameter pertama diisi dengan string pemisah nya apa. Parameter kedua diisi dengan array yang akan kita satukan dengan pemisah yang ditentukan di parameter pertama. Gambar berikut ini menunjukan array data nis dan hasil dari fungsi implode yang di lakukan terhadap array data nis tadi :

PHP Implode multiple delete — Gambar 2 : Hasil implode Terhadap Array Data NIS

Dapat Anda lihat dari kedua gambar diatas, hasil dari fungsi implode berisi data nis dengan pemisah koma antar nis nya. Setelah mendapatkan data nis dengan pemisah koma, kita akan lakkukan query delete dengan where clause “IN” Contoh :

DELETE FROM siswa WHERE nis IN (10110470116,10110470118,10110470119,10110470121,10110470122)

Nanti otomatis mysql akan menghapus data siswa dengan nis yang ada pada tanda kurung ().

SUMBER & REFERENSI :

Cara Membuat Multiple Delete dengan Checkbox menggunakan PHP

Langkah Pertama – Persiapan

Langkah Kedua – Database

Langkah Ke Tiga – Koneksi Database

Langkah Ke empat – Form

Langkah kelima – Proses Hapus

Andira Endi

Anda Juga Mungkin Suka

Buku Formula Ampuh Mengubah Website Gratis menjadi Mesin Uang

KEYWORD RESEARCH: Cara riset keyword untuk Pemula

Hal Yang Harus Diperhatikan Dalam Membuat QrCode di PHP dan Mysql di localhost

Tinggalkan Balasan Batalkan balasan