Web disign

Gan saya mau membuat sebuah tampilan web dimana ketika kita nge-klik tombol +Add Item maka inputan bertambah satu, dan sebaliknya jika kita klik tombol hapus maka inputan akan hilang. contohnya seperti gambar berikut ini.

avatar rakabonaventura
@rakabonaventura

17 Kontribusi 2 Poin

Diperbarui 6 tahun yang lalu

1 Jawaban:

Jawaban Terpilih

 $("#tambah").click(function() {
  var content = "";
  content += "<tr>";
  content += "<td>" + $("#namabarang").val(); + "</td>";
  content += "<td>" + $("#harga").val(); + "</td>";
  content += "<td>" + $("#qty").val(); + "</td>";
  content += "<td>" + $("#total").val(); + "</td>";
  content += "<td><a href='#' class="hapus">Hapus</a></td>";
  content += "</tr>";

  $('#table tbody').append(content);
});

$(".hapus").click(function() {
  $(this).closest('td').parent().remove();
  return false;
});
avatar gunalirezqimauludi
@gunalirezqimauludi

350 Kontribusi 243 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban