Studi Kasus : Membuat Fungsi untuk menghapus multiple data dalam database (mysql) dengan checkbox
Kebutuhan : Webserver Packages, already installed.

Checkbox multi delete seperti di Gmail, kita bisa memilih untukmenghapus message dalam inbox kita dengan mengklik tanda checkbox pada data – data yang ingin kita hapus. Tutorial kali ini akan membuat contoh aplikasi untuk menghapus data – data tertentu yang ditandai dengan checkbox (seperti di Gmail).

Ok, langsung praktik saja.

Step 1 : Persiapkan Database

  1. Buat database dengan nama db_tutorial
  2. Siapkan tabel dengan nama tb_book, dengan struktur tabel seperti gambar dibawah ini.
  3. Insert kan beberapa sample data, seperti gambar dibawah
  4. Done!

Step 2 : Persiapkan Folder Kerja

  1. Buat folder dengan nama tutorphp dalam document root anda
  2. Simpan semua file dalam tutorial ini dalam folder tersebut.

Step 3 : Membuat script koneksi ke Database

  1. Ketikkan script berikut,
    <?php
    $host = "localhost";
    $user = "root";//adjust according to your mysql setting
    $pass = ""; //adjust according to your mysql setting, i use no password here
    $dbName = "db_tutorial";
    mysql_connect($host, $user, $pass);
    mysql_select_db($dbName)
    or die ("Connect Failed !! : ".mysql_error());
    ?>
    
  2. simpan dengan nama connect.php

Step 4 : Membuat Script untuk menampilkan data

  1. Ketikkan script berikut,
    <html><head>
    <title>Itx.Web.Id</title>
    <script type="text/javascript" src="pilihan.js"></script>
    <script type="text/javascript" src="warning.js"></script>
    </head>
    <body>
    <h2> The Data <h2>
    <?php
    include 'connect.php';
    $query = "SELECT * FROM tb_book"; //the query for get all data in tb_student
    $result = mysql_query($query);
    ?>
    
    <form name="myform" method="post" action="prosesdeletemulti.php">
    			
    <?php
    echo "<table border='0' cellpadding='2' cellspacing='2'>";
    echo "<tr bgcolor='orange'>
            <td> <b> Title </b> </td>
            <td> <b> Author </b> </td>
            
         </tr>";
    	 
    $i = 0;
    while ($data = mysql_fetch_array($result)) { //mysql_fetch_array = get the query data into array
      echo "<tr>
                <td>".$data['title']."</td>
                <td>".$data['author']."</td> "; ?>
    <td><input type="checkbox" name="id[<?php echo $i;?>]" value="<?php echo $data['id'];?>" /></td>
    <?php
    $i++;
    }
    echo "</table>";
    ?>
    <td> <input type="submit" value="Delete" onClick="return warning();" name="submit">
    <input type="reset" value="Cancel" name="reset"> </td>
    </form>
    </body>
    
    </html> 
  2. simpan dengan nama student_data1.php

Step 5 : Membuat Javascript untuk menampilkan warning

  1. Ketikkan script berikut,
    function warning() {
    	return confirm('Are You Sure to Delete This Data?');
    }
    
  2. simpan dengan nama formupdate.php

Step 6 : Membuat Javascript untuk mendapatkan komponen yang tercentang checkbox nya

  1. Ketikkan script berikut,
    function pilihan()
      {
         // read the component from 'myform'
         var jumKomponen = document.myform.length;
         // no check all
         if (document.myform[0].checked == false)
            {
                for (i=1; i<=jumKomponen; i++)
                {
                   if (document.myform[i].type == "checkbox") document.myform[i].checked = false;
                } 
            }
      }
    
  2. simpan dengan nama pilihan.js

Step 7 : Membuat Script untuk Menghapus Data Multi

  1. Ketikkan script berikut,
    <?php
    include 'connect.php';
    $data = $_POST['id']; //get all the id book that will be deleted
    
    foreach($data as $data1) { //looping according to the total data that checked
    	//echo $data1;
    	$query = "DELETE FROM tb_book where id = $data1"; //the query to delete data according to id
    	$result = mysql_query($query);
    }
    if ($result) {
    	include "student_data1.php";
    	echo "Delete sucess";
    }
    ?>
    
  2. simpan dengan nama prosesdeletemulti.php

Step 8 : Testing Code

  1. Pergi ke http://localhost/tutorphp/student_data1.php. Beri tanda centang pada data yang ingin anda delete.
  2. Muncul konfirmasi hapus data. Pilih OK untuk menghapus data
  3. Maka konfirmasi sukses delete ditampilkan. Cek juga database anda, pastikan bahwa data telah terhapus :D

Untuk penjelasan mengenai baris script-script diatas, bisa dilihat di komentar script… and feel free to comment :D
OK. Haaaaaaaapppy Coding! :D
Hal yang juga menarik:

Hak Cipta

Semua skrip dan teknik dalam artikel di itx.web.id boleh digunakan sebagaimana kehendakmu tanpa perlu mencantumkan sumber. Kamu tidak boleh mengkopi seluruh artikel, dalam Bahasa Indonesia ataupun diterjemahkan ke dalam bahasa lain.

Pencarian ke sini:


Related Articles:

Artikel terkait:

: PHP

About the author

obviously, a girl. with sweet smile, off course. turning her 21 years trapped on Informatics departement and just started to having some crush with it lately. she uses wordpress. she loves php. she lo

12 Comments

Tinggalkan Balasan

Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

x( X-( B-) ;-) :wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :D :?: :-| :-x :-o :-P :-D :-? :-)) :-) :-( :-& :) :( :!: 8-O 8-) 8) (Русский) (yahoo) (worship) (woot) (wave) (unsure) (tongue) (thinking) (tears) (taser) (smileydance) (sleeping) (sick) (scenic) (rofl) (rock) (party) (panic) (okok) (nottalking) (ninja) (music) (muscle) (muhaha) (money) (mmm) (lonely) (lol) (lmao) (idiot) (hungry) (highfive) (heart_beat) (heart) (headspin) (hassle) (haha) (gym) (griltongue) (goodluck) (girlkiss) (funkydance) (fish_hit) (eyeroll) (evilsmirk) (evil_grin) (drinking) (doh) (devil) (dance) (cry) (cozy) (coffee) (brokenheart) (bringit) (blush) (bigeyes) (beer) (banana_rock) (banana_ninja) (banana_cool) (applause) (annoyed) (angry) (K) (: