Javascript 行删除功能无法正常工作
我已经创建了一个包含动态表单的表,所以当单击add按钮时,每行都会显示一个具有相同表单的新行。我也做了切换到清除表单,但进展不顺利。因为在删除该行的操作中还有其他函数。下面是我编写的代码 html: 其他javascript:Javascript 行删除功能无法正常工作,javascript,jquery,html,dynamic-forms,Javascript,Jquery,Html,Dynamic Forms,我已经创建了一个包含动态表单的表,所以当单击add按钮时,每行都会显示一个具有相同表单的新行。我也做了切换到清除表单,但进展不顺利。因为在删除该行的操作中还有其他函数。下面是我编写的代码 html: 其他javascript: function pengurangan_pesanan(price) { if (subtotal > 0) { var kembali = 0; subtotal -= parseFloat(p
function pengurangan_pesanan(price) {
if (subtotal > 0) {
var kembali = 0;
subtotal -= parseFloat(price);
$('.subtotal').val(subtotal);
if (cek_bayar != isNaN || cek_bayar != 0) {
kembali = cek_bayar - subtotal;
$('.kembali').val(kembali);
}
}
}
你有解决这个问题的办法吗?我真的需要。多谢各位
*演示:如果您有多个函数删除该行,我们需要看到这两个函数…在jsfiddle.net中创建一个演示,复制问题,那么您想清楚地解释什么???????
$('.tombol-tambah-makanan').on('click', function(){
var tr = '<tr>\n\
<td><input type="text" name="nama-makanan[]" style="height: 30px; width: 280px;" class="nama-makanan" placeholder="ketikkan nama makanan"/><input type="hidden" name="id-makanan[]" class="id-makanan"/></td>\n\
<td><input type="text" readonly name="nama-jenis-makanan[]" style="height: 30px; width: 280px;" class="nama-jenis-makanan" placeholder="nama jenis makanan"/></td>\n\
<td><input type="text" readonly name="harga-makanan[]" rel="hargaMakanan" style="height: 30px; width: 280px; text-align: right;" class="harga-makanan" placeholder="harga satuan makanan"/></td>\n\
<td><a class="btn hapus-baris-makanan"><i class="icon-remove"></i></a></td>\n\
</tr>';
$("table.tabel-form-makanan tbody").append(tr);
});
$('.tabel-form-makanan').on( 'click', '.hapus-baris-makanan', function(){
var parent = $(this).parents('tr');
var harga = $('.harga-makanan', parent).val();
pengurangan_pesanan(harga);
$(this).closest('tr').remove();
});
function pengurangan_pesanan(price) {
if (subtotal > 0) {
var kembali = 0;
subtotal -= parseFloat(price);
$('.subtotal').val(subtotal);
if (cek_bayar != isNaN || cek_bayar != 0) {
kembali = cek_bayar - subtotal;
$('.kembali').val(kembali);
}
}
}