Javascript 当按下其他表格中的按钮时,如何在html表格列中执行动态计算

Javascript 当按下其他表格中的按钮时,如何在html表格列中执行动态计算,javascript,jquery,html,Javascript,Jquery,Html,注:表中有三列,即myTable,其中包含项和加减按钮。基本上,每当我在myTable中单击加号按钮时,我想在另一个表即tablefinaldata中执行计算,该特定项应添加到tablefinaldata中(我已经这样做了).但每当我再次添加该特定项目时,它不会占用新行,而是以增量方式增加数量 <table class="table table-responsive table-hover table-bordered" id="myTable"> <thead

注:表中有三列,即myTable,其中包含项和加减按钮。基本上,每当我在myTable中单击加号按钮时,我想在另一个表即tablefinaldata中执行计算,该特定项应添加到tablefinaldata中(我已经这样做了).但每当我再次添加该特定项目时,它不会占用新行,而是以增量方式增加数量

<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);
}

您能告诉我您想在另一个表中追加一个新行吗?不,正如您在脚本中看到的,我已经追加了新行,只要选择了相同的项目,我就想增加表中的数量告诉我每个项目的代码是否唯一?是的,项目代码唯一,名称也唯一。我已经解决了这个问题。谢谢您的帮助任何有问题的人请使用上述功能