Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Tabel pemesanan pada php
Saya mau bertanya misalnya saya ingin membuat pemesanan seperti itu misal saya mencentang kacang dan Mi ayam dan outputnya seperti apa yang saya centang itu gimana ya? thanks
ini contohnya
<html>
<head>
<title>GoFood</title>
</head>
<body>
<table border="1" width="300">
<caption>Go Food Menu</caption>
<thead>
<tr>
<td>No</td>
<td>Nama Makanan</td>
<td>Harga</td>
<td>Pesan</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Cendol</td>
<td>10000</td>
<td><input type="checkbox" name="chk1"></td>
</tr>
<tr>
<td>2</td>
<td>Kacang</td>
<td>2000</td>
<td><input type="checkbox" name="chk2"></td>
</tr>
<tr>
<td>3</td>
<td>Rengginang</td>
<td>3000</td>
<td><input type="checkbox" name="chk3"></td>
</tr>
<tr>
<td>4</td>
<td>Mie Ayam</td>
<td>13000</td>
<td><input type="checkbox" name="chk4"></td>
</tr>
</tbody>
</table>
<br><input type="submit" name="sbmt" value="Masukkan">
</body>
</html>
GAMBARNYA DISINI https://drive.google.com/file/d/1B0LLemInkBTT18SNINFuO-qUmYMPm-1D/view?usp=sharing
2 Jawaban:
<pre> <!DOCTYPE html> <html> <head> <title>dinamis 1</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
&lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"&gt;
&lt;script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"&gt;&lt;/script&gt;
</head> <body>
<div class="container"> <div class="row mt-5 ml-3"> <div class="col"> <caption><h3 style="margin-bottom: 20px; text-align: center;">Dynamic Form</h3></caption> <div class="table-responsive"> <table border="0" cellpadding="10" id="field_row" cellspacing="2"> <form name="add" id="add"> <tr> <td> <input type="text" class="form-control rows" name="item[]" placeholder="Nama Barang" id="item"> </td> <td> <input type="text" class="form-control rows" name="qty[]" onclick="hitung()" placeholder="Qty" id="qty"> </td> <td> <input type="text" class="form-control rows" onchange="hitung()" name="price[]" placeholder="Harga" id="price"> </td> <td> <input type="text" class="form-control rows" name="total[]" readonly placeholder="total" id="total"> </td> <td> <input type="button" class="btn btn-success" id="tambah" name="tambah" value="Tambah"> </td> </tr>
&lt;table border="0" cellspacing="1" cellpadding="5" style="margin-top: 20px;"&gt;
&lt;tr&gt;
&lt;td&gt;&lt;input type="submit" class="btn btn-primary" name="save"&gt;&lt;/td&gt;
&lt;td height="50px"&gt;&lt;b style="margin-left: 270px;"&gt;Total&lt;b&gt;&lt;/td&gt;
&lt;td height="50px" width="300px"&gt;&lt;input type="text" class="form-control" readonly name="subtotal" id="subtotal"&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/form&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</div>
<div id="tes"></div>
</body> </html> <script type="text/javascript">
$(document).ready(function(){
var i = 0;
$('#tambah').click(function(){
i++;
var remove = '&lt;td&gt;&lt;button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove"&gt;Hapus&lt;/button&gt;&lt;/td&gt;';
var colom1 = '&lt;tr id="row'+i+'"&gt;';
colom2 = '&lt;td&gt;&lt;input type="text" class="form-control rows" name="item[]" placeholder="Nama Barang" id="item"&gt;&lt;/td&gt;';
colom3 = '&lt;td&gt;&lt;input type="text" class="form-control rows" name="qty[]" onclick="hitung()" placeholder="Qty" id="qty"&gt;&lt;/td&gt;';
colom4 = '&lt;td&gt;&lt;input type="text" class="form-control rows" onchange="hitung()" name="price[]" placeholder="Harga" id="price"&gt;&lt;/td&gt;';
colom5 = '&lt;td&gt;&lt;input type="text" class="form-control rows" name="total[]" placeholder="total" id="total"&gt;&lt;/td&gt;'+remove;
colom6= '&lt;tr&gt;';
var row = colom1+colom2+colom3+colom4+colom5+colom6;
$('#field_row').append(row);
});
$(document).on('click', '.btn_remove', function(){
var button_id = $(this).attr("id");
$('#row'+button_id+'').remove();
});
});
function hitung(){
var i=document.getElementsByName('item[]').length;
var subtotal=0;
for(var j=0;j&lt;i;j++)
{
qty=document.getElementsByName('qty[]')[j].value.replace(/,/g,'')*1;
price=document.getElementsByName('price[]')[j].value.replace(/,/g,'')*1;
var hitung = price * qty;
document.getElementsByName('total[]')[j].value=numeral(hitung).format('0,0');
subtotal = (subtotal + document.getElementsByName('total[]')[j].value.replace(/,/g,'')*1);
document.getElementsByName('price[]')[j].value=numeral(price).format('0,0')
}
$('#subtotal').val(numeral(subtotal).format('0,0'));
}
</script> </pre>
Jawaban Terpilih
masukan kedalam form agar mudah diambil datanya, dan beri nama inputnya sesuai jenis makanannya, lalu valuenya diisi dengan harga
<pre> <?php $makanan = $_POST; //simpan POST hasil inputan kedalam variable ?> <html>
<head> <title>GoFood</title> </head>
<body> <table border="1" width="300"> <caption>Go Food Menu</caption> <thead> <tr> <td>No</td> <td>Nama Makanan</td> <td>Harga</td> <td>Pesan</td> </tr> </thead> <tbody> <form method="POST" action="index.php"> <tr> <td>1</td> <td>Cendol</td> <td>10000</td> <td><input type="checkbox" name="Cendol" value="10000"></td> </tr> <tr> <td>2</td> <td>Kacang</td> <td>2000</td> <td><input type="checkbox" name="Kacang" value="2000"></td> </tr> <tr> <td>3</td> <td>Rengginang</td> <td>3000</td> <td><input type="checkbox" name="Rengginang" value="3000"></td> </tr> <tr> <td>4</td> <td>Mie Ayam</td> <td>13000</td> <td><input type="checkbox" name="Mieayam" value="13000"></td> </tr> </tbody> </table> <br> <button type="submit">Masukan</button> </form> <?php if ($makanan) : //beri kondisi, ini akan di cetak jika ada inputan yang dikirim ?> <table border="1" width="300"> <thead> <tr> <td>No</td> <td>Makan</td> <td>Harga</td> </tr> </thead> <tbody> <?php $jmlh = 0; $i = 1; // untuk mendeklarasikan variable penampung hitung harga dan untuk nomor urut ?> <?php foreach ($makanan as $mkn => $harga) : // lakukan hasil inputang dgn perulangan beserta valuenya ?> <?php $jmlh += $harga; // tambahakn harga ke dalam variable yang tdi di deklarasikan agar dihitung scra otomatis ?> <tr> <td><?= $i; ?></td> <td><?= $mkn; ?></td> <td><?= $harga; ?></td> </tr> <?php $i++; endforeach; //increment $i agar bertambah satu setiap perulangan untuk nomor urutnya?> <tr> <td></td> <td>TOTAL</td> <td><?= $jmlh; //tampilakn jumlah harganya ?></td> </tr> </tbody> </table> <?php endif; ?> </body>
</html> </pre>
codenya sudah saya beri komentar untuk penjelasannya, mungkin cara ini kurang tepat/efektif, cuma agar cepat saja, dan lebih baik sih memakai javascript kalo hanya untuk hitung harga doang mah, tpi karna di tag pertanyaanya ada tag PHP, yaudah saya kerjakan dengan PHP hehe..
semoga membantu
