Javascript 当按下其他表格中的按钮时,如何在html表格列中执行动态计算
注:表中有三列,即myTable,其中包含项和加减按钮。基本上,每当我在myTable中单击加号按钮时,我想在另一个表即tablefinaldata中执行计算,该特定项应添加到tablefinaldata中(我已经这样做了).但每当我再次添加该特定项目时,它不会占用新行,而是以增量方式增加数量Javascript 当按下其他表格中的按钮时,如何在html表格列中执行动态计算,javascript,jquery,html,Javascript,Jquery,Html,注:表中有三列,即myTable,其中包含项和加减按钮。基本上,每当我在myTable中单击加号按钮时,我想在另一个表即tablefinaldata中执行计算,该特定项应添加到tablefinaldata中(我已经这样做了).但每当我再次添加该特定项目时,它不会占用新行,而是以增量方式增加数量 <table class="table table-responsive table-hover table-bordered" id="myTable"> <thead
<table class="table table-responsive table-hover table-bordered" id="myTable">
<thead>
<tr>
<td>
<h5> Code</h5>
</td>
<td >
<h5>Item </h5>
</td>
<td>
<h5> Price</h5>
</td>
<td>
<h5> Quantity</h5>
</td>
</tr>
</thead>
<tbody id="setdata">
</tbody>
</table>
//tablefinalda
<table class="table table-responsive table-hover table-bordered" id="tablefinaldata">
<thead>
<tr ><td>
<h5> Code</h5>
</td>
<td>
<h5> Item</h5>
</td>
<td>
<h5> Price</h5>
</td>
<td>
<h5> Quantity</h5>
</td>
</tr>
</thead>
<tbody id="tablefinalbody">
</tbody>
</table>
//Scripting
function addItem(val, name) {
var table2 = $("#setfinaldata");
table2.empty();
var Newdata = "<tr>" +
"<th>" + val + ";</th>" +
"<th>"+ name +";</th>" +
"<th>1;</th>"
+ "</tr>";
var a1 = new Array();
a1 = Newdata.split(";");
var markup = "<tr><th>"+a1[0].toString()+"</th><th>"+a1[1].toString()+"</th><th>"+a1[2].toString()+"</th></tr>";
$("#tablefinalbody").append(markup);
//table2.append(Newdata);
//table2.append(tr);
}
代码
项目
价格
量
//表Finalda
代码
项目
价格
量
//脚本
函数addItem(val,name){
var表2=$(“setfinaldata”);
表2.empty();
var Newdata=“”+
“+val+”+
“+name+”+
"1;"
+ "";
var a1=新数组();
a1=Newdata.split(“;”);
var markup=“”+a1[0]。toString()+“”+a1[1]。toString()+“”+a1[2]。toString()+“”;
$(“#tablefinalbody”)。附加(标记);
//表2.追加(新数据);
//表2.追加(tr);
}
我已经解决了自己的问题。
如果有人遇到此类问题,解决方法如下:
function addItem(val, name) {
var qty = parseFloat($('#tablefinaldata tr:contains(' + val + ')').find("#itemqty").html());
var UnitPrice = parseFloat($('#tablefinaldata tr:contains(' + val + ')').find("#itemqprice").html());
if ($('#tablefinaldata th:contains(' + val + ')').length) {
//alert(qty);
var addqty = qty + 1;
$('#tablefinaldata tr:contains(' + val + ')').find("#itemqty").html(addqty);
PriceSum(UnitPrice,addqty);
}
else {
var table2 = $("#setfinaldata");
table2.empty();
var Newdata = "<tr>" +
"<th>" + val + "</th>" +
"<th>" + name + "</th>" +
"<th id='itemprice'>1</th>"
+ "<th id='itemqty'>1</th>"
+ "</tr>";
$("#tablefinalbody").append(Newdata);
}
//var a1 = new Array();
//a1 = Newdata.split(";");
//var markup = "<tr><th>"+a1[0].toString()+"</th><th>"+a1[1].toString()+"</th><th>"+a1[2].toString()+"</th></tr>";
//table2.append(Newdata);
//table2.append(tr);
}
函数附加项(val,name){
var qty=parseFloat($('tablefinaldatatr:contains('+val+'))。查找('itemqty').html());
var UnitPrice=parseFloat($(“#tablefinaldata tr:contains(“+val+”))。查找(“#itemqprice”).html());
if($('#tablefinaldata th:contains('+val+')).length){
//警报(数量);
var addqty=数量+1;
$('tablefinaldatatr:contains('+val+')).find('itemqty').html(addqty);
价格总额(单价、增加数量);
}
否则{
var表2=$(“setfinaldata”);
表2.empty();
var Newdata=“”+
“+val+”+
“”+名称+“”+
"1"
+ "1"
+ "";
$(“#tablefinalbody”)。追加(新数据);
}
//var a1=新数组();
//a1=Newdata.split(“;”);
//var markup=“”+a1[0]。toString()+“”+a1[1]。toString()+“”+a1[2]。toString()+“”;
//表2.追加(新数据);
//表2.追加(tr);
}
您能告诉我您想在另一个表中追加一个新行吗?不,正如您在脚本中看到的,我已经追加了新行,只要选择了相同的项目,我就想增加表中的数量告诉我每个项目的代码是否唯一?是的,项目代码唯一,名称也唯一。我已经解决了这个问题。谢谢您的帮助任何有问题的人请使用上述功能