Menampilkan checkbox dari database php

Question

Selamat datang di blog mari belajar coding. Pada tutorial kali ini kita akan belajar bagaimana cara membuat sebuah form checkbox. Data checkbox sendiri berasal dari database mysql yang nantinya akan di tampilkan di form.

Baca Juga: Simpan dan Edit Data Checkbox ke Database dengan PHP

Menampilkan Checkbox Dari Database Mysql PHP

1. buat database terlebih dahulu. Contoh database hobi dengan satu tabel bernama tabel hobi.

CREATE DATABASE `hobi`;
USE `hobi`;
CREATE TABLE `hobi` (
`id_hobi` int(11) NOT NULL AUTO_INCREMENT,
`hobi` varchar(255),
PRIMARY KEY (`id_hobi`)
);

2. Input data kedalam tabel hobi.

INSERT INTO `hobi` VALUES ('1', 'Nonton');
INSERT INTO `hobi` VALUES ('2', 'Menulis');
INSERT INTO `hobi` VALUES ('3', 'Traveling');
INSERT INTO `hobi` VALUES ('4', 'Otomotif');
INSERT INTO `hobi` VALUES ('5', 'Fotografi');
INSERT INTO `hobi` VALUES ('6', 'Programming');

3. Buat fungsi koneksi untuk menghubungkan dengan database hobi.

<?php
mysql_connect("localhost","root","");
mysql_select_db("hobi");
?>

4. Buat sebuah form yang berisi input type checkbox dan satu tombol submit.

<form method="POST">
 <?php 
  $sql=mysql_query("SELECT * FROM hobi");
  while ($data=mysql_fetch_array($sql)) {
 ?>
  <label>
   <input type="checkbox" name="hobi[]" value="<?=$data['id_hobi']?>">
   <?=$data['hobi']?>
  </label><br>
 <?php
  }
 ?>
  <input type="submit" name="simpan" value="Simpan">
</form>

Keterangan:
mysql_query berfungsi untuk mengeksekusi query pada database mysql.
while berfungsi untuk looping atau perulangan data.
mysql_fetch_array menampilkan data dari database berupa data array.

Baca juga: Membuat Select All Checkbox dengan Javascript

Karena data checkbox berasal dari data tabel yang sama, maka atribut name di isi dengan array. Lihat baris yang diberi highlight.

5. Buat fungsi untuk menampilkan data yang di pilih saat form di simpan.

<?php
 if (isset($_POST['simpan'])) {
  echo "<br>Data yang dipilih:<br>";
  foreach ($_POST['hobi'] as $value) {
     echo $value."<br>";
     }
 }
?>

6. Kode lengkap.

<!DOCTYPE html>
<html>
<head>
 <title>maribelajarcoding.com</title>
 <?php 
  mysql_connect("localhost","root","");
  mysql_select_db("hobi");
 ?>
</head>
<body>
 <h2>maribelajarcoding.com</h2>
<form method="POST">
 <?php 
  $sql=mysql_query("SELECT * FROM hobi");
  while ($data=mysql_fetch_array($sql)) {
 ?>
  <label>
   <input type="checkbox" name="hobi[]" value="<?=$data['hobi']?>">
   <?=$data['hobi']?>
  </label><br>
 <?php
  }
 ?>
  <input type="submit" name="simpan" value="Simpan">
</form>
<?php
 if (isset($_POST['simpan'])) {
  echo "<br>Data yang dipilih:<br>";
  foreach ($_POST['hobi'] as $value) {
     echo $value."<br>";
     }
 }
?>
</body>
</html>

Jalankan file menggunakan browser. Pastikan services apache dan mysql dalam keadaan start.

Related search
Menampilkan checkbox dari database PHP
Menampilkan checkbox dari Mysql PHP

Selamat datang kembali di blog Mari belajar coding. Jika tutorial sebelumnya kita pernah membahas cara menyimpan data checkbox menggunakan PHP dan MySQL, tutorial kali ini kita akan belajar membuat sebuah aplikasi simple CRUD checkbox menggunakan PHP. Dalam artikel ini akan dibahas cara menyimpan data checkbox, edit data, hapus data serta menampilkan data yang telah berhasil disimpan.

Membuat CRUD Checkbox Menggunakan PHP MySQL

Pertama-tama kita buat database terlebih dahulu. Buat database akademik dan tabel siswa untuk menyimpan nama siswa dan hobi.

CREATE DATABASE  `akademik`;
USE `akademik`;
CREATE TABLE `siswa` (
`SiswaID` int(11) NOT NULL AUTO_INCREMENT,
`nama` varchar(255),
`hobi` varchar(255),
PRIMARY KEY (`SiswaID`)
);

Selanjutnya buat koneksi.php untuk menghubungkan aplikasi dengan database akademik.

<?php
  mysql_connect("localhost","root","");
  mysql_select_db("akademik");
 ?>

Buat file index.php untuk menampilkan data siswa yang berhasil disimpan kedalam tabel.

<?php
  include "koneksi.php";
?>
<!DOCTYPE html>
<html>
<head>
 <title>Mari Belajar Coding</title>
</head>
<body>
  <div align="center">
    <h3><b>Membuat CRUD Checkbox Menggunakan PHP MySQL<br>Maribelajarcoding.com </b></h3>

    <a href="formAdd.php">Tambah Data</a>
    <br><br>
     <!--menampilkan data di tabel-->
     <table border="1" width="700px">
      <tr>
       <th width="10%">No</th>
       <th width="35%">Nama</th>
       <th>Hobi</th>
       <th width="20%"></th>
      </tr>
      <?php
      $i=1;
      $sql=mysql_query("SELECT * FROM siswa");
      while ($data=mysql_fetch_array($sql)) {
      ?>
       <tr>
        <td><?=$i++;?></td>
        <td><?=$data['nama']?></td>
        <td><?=$data['hobi']?></td>
        <td><a href="formEdit.php?id=<?=$data['SiswaID']?>">Edit</a> || <a href="delete.php?id=<?=$data['SiswaID']?>">Hapus</a></td>
       </tr>
      <?php 
      }
      ?>  
     </table>
  </div>
</body>
</html>

Buat formAdd.php untuk membuat sebuah form simpan data.

<?php
  include "koneksi.php";
?>
<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
  <div align="center">
    <h3><b>Form Tambah Data</b></h3>
    <form method="POST">
      <table>
        <tr>
        <td width="60px" valign="top">Nama</td>
        <td valign="top"> 
         <input type="text" name="nama" id="nama">
        </td>
       </tr>
       <tr>
        <td width="60px" valign="top">Hobi</td>
        <td valign="top"> 
         <label><input type="checkbox" name="hobi[]" value="Nonton">Nonton</label><br>
         <label><input type="checkbox" name="hobi[]" value="Menulis">Menulis</label><br>
         <label><input type="checkbox" name="hobi[]" value="Traveling">Traveling</label><br>
         <label><input type="checkbox" name="hobi[]" value="Otomotif">Otomotif</label><br>
         <label><input type="checkbox" name="hobi[]" value="Fotografi">Fotografi</label><br>
         <label><input type="checkbox" name="hobi[]" value="Programming">Programming</label>
        </td>
       </tr>
       <tr>
        <td width="60px" valign="top"></td>
        <td valign="top"> 
         <input type="submit" name="simpan" value="Simpan">
         <a href="index.php">Kembali</a>
        </td>
       </tr>
      </table>
     </form>
      <?php
        if (isset($_POST['simpan'])) {
          $nama = $_POST['nama'];
          $hobi = implode(",", $_POST['hobi']);
          $query=mysql_query("INSERT INTO siswa(nama, hobi) VALUES('$nama','$hobi')");  
          if ($query) {
             header("location:index.php");
           } 
        }
       ?>
  </div>
</body>
</html>

Buat formEdit.php untuk menampilkan data edit pada form.

<?php
  include "koneksi.php";
?>
<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
  <div align="center">
    <h3><b>Form Edit Data</b></h3>
    <?php
    //menampilkan data siswa berdasarkan siswaID
      $siswaID=$_GET['id'];
      $sql=mysql_query("SELECT * FROM siswa WHERE SiswaID='$siswaID'");
      $data=mysql_fetch_array($sql);
      //data hobi dari tabel siswa 
      $datahobi=explode(',', $data['hobi']);
      
       
    ?>
    <form method="POST">
      <table>
        <tr>
        <td width="60px" valign="top">Nama</td>
        <td valign="top"> 
         <input type="text" name="nama" id="nama" value="<?=$data['nama']?>">
        </td>
       </tr>
       <tr>
        <td width="60px" valign="top">Hobi</td>
        <td valign="top"> 
         <label><input type="checkbox" name="hobi[]" value="Nonton" <?php if (in_array("Nonton", $datahobi)) echo "checked";?> >Nonton</label><br>
         <label><input type="checkbox" name="hobi[]" value="Menulis" <?php if (in_array("Menulis", $datahobi)) echo "checked";?> >Menulis</label><br>
         <label><input type="checkbox" name="hobi[]" value="Traveling" <?php if (in_array("Traveling", $datahobi)) echo "checked";?> >Traveling</label><br>
         <label><input type="checkbox" name="hobi[]" value="Otomotif" <?php if (in_array("Otomotif", $datahobi)) echo "checked";?> >Otomotif</label><br>
         <label><input type="checkbox" name="hobi[]" value="Fotografi" <?php if (in_array("Fotografi", $datahobi)) echo "checked";?> >Fotografi</label><br>
         <label><input type="checkbox" name="hobi[]" value="Programming" <?php if (in_array("Programming", $datahobi)) echo "checked";?>  >Programming</label>
        </td>
       </tr>
       <tr>
        <td width="60px" valign="top"></td>
        <td valign="top"> 
         <input type="submit" name="update" value="Update">
          <a href="index.php">Batal</a>
        </td>
       </tr>
      </table>
     </form>
      <?php
        if (isset($_POST['update'])) {
          $nama = $_POST['nama'];
          $hobi = implode(",", $_POST['hobi']);
          $query=mysql_query("UPDATE siswa SET nama='$nama', hobi='$hobi' WHERE SiswaID='$siswaID' ");  
          if ($query) {
             header("location:index.php");
           } 
        }
       ?>
  </div>
</body>
</html>

Keterangan:
Fungsi in_array di gunakan untuk mengecek apakah data value dari input checkbox ada didalam array hobi yang berasal dari database. Jika ada, maka inputan checkbox akan tercentang otomatis dengan menambahkan attribute checked.

Terakhir buat delete.php untuk menangani proses hapus data.

<?php
  include "koneksi.php";
  $siswaID=$_GET['id'];
  $query=mysql_query("DELETE FROM siswa WHERE SiswaID='$siswaID'");
  if ($query) {
   header("location:index.php");
  } 
?>

Tutorial membuat CRUD Checkbox Menggunakan PHP MySQL telah selesai. Semoga bermanfaat.

Source Code:

crud-checkbox.zip

Related Search:
Edit data checkbox PHP
Update data dengan checkbox PHP
Menampilkan checkbox tercentang dari database PHP
CRUD checkbox PHP