我正在使用创建行函数在数据表中生成行,我想选择add_quantity
字段和price_input
字段并进行一些计算并在每行的total_price
字段中显示它们DataTable
我正在做这样的事情,但是所有我能得到行的唯一第一行字段仍然是未计算的
这是我在cart_table
var t = $('#cart_table').DataTable();
// $('#add-to-cart_table').on( 'click','.btn-cart', function () {
t.row.add( [
$(this).data('id'),
$(this).data('name'),
(`<input type="text" id="add_qty" class="prdt-qty" style="width:30px">`),
(`
<div class="form-check form-check-inline">
<label class="form-check-label">
<input class="form-check-input" type="checkbox" checked id="price_checkbox">
</label>
<input type="text" id="price_input" value= "`+$(this).data('by_p') +`" class="disable-form">
</div>
`),
(`<input type="text" disabled id="total_price" class="prdt-qty" style="width:30px">`),
('<a href="#" class="btn btn-xs btn-delete"><i class="fa fa-trash-o"></i></a>')
] ).draw( false );
这就是我选择行字段来计算的方法
$('#cart_table').on('click', 'tr', function () {
var table = $('#cart_table').DataTable();
var data = table.row(this);
var qty = $('#add_qty').val();
var price = $('#price_input').val();
$('#add_qty').on('keyup',function(){
qty = $(this).val();
if(qty >=1 ){
$('#total_price').val(qty*price);
}
else{
$('#total_price').val(qty);
}
console.log(qty);
console.log(price);
})
console.log(data);
} );