Membuat program input dan delete data menggunakan checkbox di PHP
Posted on 17 June 2010 by Agus Sumarna
Yang menjadi masalah adalah bagaimana cara mengumpulkan data atau value jika user mencentang lebih dari satu pilihan checkbox? Kemudian memprosesnya kedalam sebuah query MySQL. Solusinya kita menggunakan array dan untuk menampilkan array tersebut kita harus melakukan looping sebanyak nilai array yang diberikan. (berat bahasanya…hhehe)
DEMO :
http://labhouse.co.cc/index.php?page=checkbox-delete
SOURCE:
http://www.4shared.com/file/2DgNstkW/cekbox.html
Keterangan File yang dibutuhkan :
- cekbox-delete.php untuk halaman delete
- cekbox-input.php untuk halaman input
- cekbox-proses.php untu memproses form
- conn.php untuk melakukan koneksi database
- Delete data menggunakan checkbox
- Input data menggunakan checkbox
- Fasilitas check All dan unchek All
Delete data menggunakan checkbox
Fasilitas pertama adalah bagaimana cara kita menghapus sejumlah data sesuai dengan checkbox yang dipilih oleh user. Datanya yang ditampilkan diambil dari nilai tabel didalam database. Kemudian jika kita menghapus nilai tersebut melalui checkbox, maka nilai yang ada didatabase pun ikut terhapus sampai nanti datanya habis terhapus. Potongan scriptnya adalah seperti ini :
<?
$no=0;
while($data=mysql_fetch_array($tampil)){
echo “
<tr>
<td><input type=checkbox[] value=$data[id] id=$no></td>”;
$no++;
echo “<td>$data[komponen]</td>
</tr>”;
}
Dan untuk menghapus data tersebut scriptnya adalah seperti dibawah ini. Maaf saya tidak menjelaskan secara detail mengenai semua script program. Saya harap anda belajar untuk menganalisa coding nya sendiri.
for($i=0;$i<$jumlah;$i++){
$hapus=mysql_query(“delete from cekbox where id=’$cek[$i]‘”);
//untuk mengetahui nilai array :
//echo $cek[$i];
}
Program yang saya buat ini merupakan satu paket, semua tentang checkbox. Yang pertama kita menggunakan checkbox untuk menghapus data yang ada didalam database. Jika data tersebut habis terhapus, maka program akan muncul tanda peringatan dibawah ini. Untuk lebih jelasnya silahkan coba programnya :
“Data pada table ‘cekbox’ sudah terhapus SEMUA! Silahkan masukan lagi datanya pada bagian [Input Komponen]”
Di bagian input checkbox ini, fungsinya adalah untuk menginput data kedalam sebuah database, dan datanya yang akan diinput tersebut sudah ditentukan oleh si pembuat program. User tinggal memilih checkbox data mana yang akan di input ke database. Potongan scriptnya adalah sebagai berikut :
echo “
<tr><td><input type=checkbox[] value=Hardisk id=0></td><td>Hardisk</td></tr>
<tr><td><input type=checkbox[] value=CPU></td><td>CPU</td></tr>
<tr><td><input type=checkbox[] value=Monitor id=2></td><td>Monitor</td></tr>
<tr><td><input type=checkbox[] value=Memori id=3></td><td>Memori</td></tr>”;
Sedangkan untuk memprosesnya adalah sebagai berikut :
for($i=0;$i<$jumlah;$i++){
$hapus=mysql_query(“insert into cekbox(komponen) values(‘$cek[$i]‘)”);
//untuk mengetahui nilai array :
//$cek[$i];
}
Fasilitas check All dan unchek All
Jika data yang dipilih atau yang akan di hapus sudah banyak, user biasanya malas untuk memilih satu persatu checkbox, oleh karena itu saya tambahkan fasilitas untuk mencentang semua checkbox (check all) dan sebaliknya untuk menghilangkan centangnya (uncheck all). Scriptnya menggunakan javascipt yang disisipkan saat event radio button di pilih.
echo “
<tr>
<td colspan=2 align=center><input onClick=’for(i=0;i<$no;i++){document.getElementById(i).checked=true;}’>Check All
<input type=radio onClick=’for (i=0;i<$no;i++){document.getElementById(i).checked=false;}’>Uncheck All</td>
</tr>
<tr><td colspan=2 align=center><input value=Delete></td></tr>
</table>
</form>”;
