Javascript 如何添加两行'；使用jquery在单个列中设置值？_Javascript_Php_Jquery_Html_Html Table

Javascript 如何添加两行'；使用jquery在单个列中设置值？

javascript php jquery html

Javascript 如何添加两行'；使用jquery在单个列中设置值？,javascript,php,jquery,html,html-table,Javascript,Php,Jquery,Html,Html Table,我有一排名字叫罗蒂。有12个不同的列。前7列采用不同的值并将其相加。然后，名为TOTAL SALE（AMOUNT）的8列是前7列与两行的总和。我在下面给出了完整的代码。实际上，我设法计算了前6列。但在第7专栏中，我遇到了这个问题。它没有计算出我想要的实际结果。它增加了额外的0 第二行的值与第八列不相加我怎样才能补充呢4p@14总销售额（金额）列中的行值实际计算见下面的标签 <!DOCTYPE html> <head> <title>Tortill

我有一排名字叫罗蒂。有12个不同的列。前7列采用不同的值并将其相加。然后，名为TOTAL SALE（AMOUNT）的8列是前7列与两行的总和。我在下面给出了完整的代码。实际上，我设法计算了前6列。但在第7专栏中，我遇到了这个问题。它没有计算出我想要的实际结果。它增加了额外的0

第二行的值与第八列不相加

我怎样才能补充呢4p@14总销售额（金额）列中的行值

实际计算见下面的

标签

 <!DOCTYPE html>
<head>
    <title>Tortilla Daily Sell 1</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!--for online also works on ofline-->
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

</head>
<body>
<table border="1">
    <tr>
        <th>Product Title</th>
        <th>PIECE and RATE</th>
        <td>DISTRIB. PACKET</td>
        <td>(BONUS) (PACKET)</td>
        <td>(REPLACE) (PACKET)</td>
        <td>(RETURN)(PACKET)</td>
        <td>TOTAL SALE (PACKET)</td>
        <td>SALES IN AMOUNT</td>
        <td>EXT. SALE (PACKET)</td>
        <td>TOTAL SALE (AMOUNT)</td>
        <td>DUE RECEIVED</td>
        <td>(DUE IN AMOUNT)</td>
        <td>(EXP. & COM.)</td>
        <td>TOTAL RECEIVED</td>
    </tr>
    <!--           ROTI  -->
    <tr class="product-row">
        <th rowspan="2">ROTI</th>
        <td>6p@20</td>
        <td>
            <input type="text"
                   class="form-control distrb-pak" id="distributedPacketForRoti6p20tk"
                   name='distributedPacketForRoti6p20tk'
                   value="0">

            <input type="hidden" class="price" name="price" value="20">
        </td>
        <td>
            <input type="text"
                   class="form-control bonus-pak" id="bonusForRoti6p20tk" name='bonusForRoti6p20tk'
                   value="0">
        </td>
        <td><input type="text"
                   class="form-control replace-pak" id="replaceForRoti6p20tk" name='replaceForRoti6p20tk'
                   value="0">
        </td>
        <td>
            <input type="text"
                   class="form-control return-pak" id="returnForRoti6p20tk" name='returnForRoti6p20tk'
                   value="0">
        </td>

        <td>
            <input type="text"
                   class="form-control total-sale-pak" id="totalSalePacketForRoti6p20tk"
                   name='totalSalePacketForRoti6p20tk'
                   value="0" readonly>

        </td>

        <td>
            <input type="text"
                   class="form-control sales-in-amount" id="salesInAmountForRoti6p20tk"
                   name='salesInAmountForRoti6p20tk'
                   value="0" readonly>
        </td>
        <td>
            <input type="text"
                   class="form-control extSale" id="extSaleForRoti6p20tk" name='extSaleForRoti6p20tk'
                   value="0">
        </td>
        <td rowspan="2">
            <input type="text"
                   class="form-control totalSale" id="totalSaleAmountForRoti"
                   name='totalSaleAmountForRoti'
                   value="0" readonly>
        </td>

        <td rowspan="2">

            <input type="text"
                   class="form-control dueReceived" id="dueReceivedForRoti" name='dueReceivedForRoti'
                   value="0">

        </td>

        <td rowspan="2">

            <input type="text"
                   class="form-control dueAmount" id="dueInAmountForRoti" name='dueInAmountForRoti'
                   value="0">

        </td>
        <td rowspan="2">

            <input type="text"
                   class="form-control expAndCom" id="expAndComForRoti" name='expAndComForRoti'
                   value="0">

        </td>
        <td rowspan="2">
            <input type="text"
                   class="form-control totalReceived" id="totalReceivedForRoti" name='totalReceivedForRoti'
                   value="0" readonly>

        </td>

    </tr>


    <!--           ROTI  -->
    <tr class="product-row">
        <td>4p@14</td>
        <td>
            <input type="text"
                   class="form-control distrb-pak" name='distributedPacketForRoti4p14tk'
                   id="distributedPacketForRoti4p14tk" value="0">
            <input type="hidden" class="price" name="price" value="14">
        </td>
        <td>
            <input type="text"
                   class="form-control bonus-pak" name='bonusForRoti4p14tk'
                   id="bonusForRoti4p14tk" value="0">
        </td>
        <td><input type="text"
                   class="form-control replace-pak" name='replaceForRoti4p14tk'
                   id="replaceForRoti4p14tk" value="0">
        </td>
        <td>
            <input type="text"
                   class="form-control return-pak" name='returnForRoti4p14tk'
                   id="returnForRoti4p14tk" value="0">
        </td>
        <td>
            <input type="text"
                   class="form-control total-sale-pak" name='totalSalePacketForRoti4p14tk'
                   id="totalSalePacketForRoti4p14tk" value="0" readonly>

        </td>

        <td>
            <input type="text"
                   class="form-control sales-in-amount" name='salesInAmountForRoti4p14tk'
                   id="salesInAmountForRoti4p14tk" value="0" readonly>

        </td>
        <td>
            <input type="text"
                   class="form-control extSale" id="extSalesForRoti4p14tk"
                   name='extSalesForRoti4p14tk'
                   value="0">
        </td>


    </tr>
    <script>

        $('.distrb-pak, .bonus-pak, .replace-pak, .return-pak, .dueReceived, .dueAmount, .extSale, .expAndCom').on('keydown keyup', function () {

            var distPakCount = $(this).parents('.product-row').find('.distrb-pak').val();
            var bonusPakCount = $(this).parents('.product-row').find('.bonus-pak').val();
            var replacePakCount = $(this).parents('.product-row').find('.replace-pak').val();
            var returnPakCount = $(this).parents('.product-row').find('.return-pak').val();
            var totalSalePak = $(this).parents('.product-row').find('.total-sale-pak');
            var salesInAmount = $(this).parents('.product-row').find('.sales-in-amount');
            var extSale = $(this).parents('.product-row').find('.extSale').val();
            var totalSale = $(this).parents('.product-row').find('.totalSale');
            var dueReceived = $(this).parents('.product-row').find('.dueReceived').val();
            var dueAmount = $(this).parents('.product-row').find('.dueAmount').val();
            var totalReceived = $(this).parents('.product-row').find('.totalReceived');
            var expCom = $(this).parents('.product-row').find('.expAndCom').val();
            var price = $(this).parents('.product-row').find('.price').val();


            var totalSalePakCount = parseInt(distPakCount) - parseInt(bonusPakCount) -
            parseInt(returnPakCount) - parseInt(replacePakCount);
            totalSalePak.val(totalSalePakCount);

            var salesInAmount_ = totalSalePakCount * parseInt(price);
            salesInAmount.val(salesInAmount_);

            var totalSaleInAmount = salesInAmount_ + parseInt(extSale);
            totalSale.val(totalSaleInAmount);

            var totalReceivedAmount = parseInt(totalSaleInAmount) + parseInt(dueReceived) - parseInt(dueAmount)
                - parseInt(expCom);

            totalReceived.val(totalReceivedAmount);
            //totalSale
        });


    </script>


</body>


玉米饼每日销售1份
产品名称
计件工资
发行版。小包裹
（奖金）（套餐）
（替换）（数据包）
（返回）（数据包）
总销售额（包）
销售额
分机销售（包）
总销售额（金额）
到期收到
（到期金额）
（EXP.&COM.）
收到的总数
罗蒂
6p@20
4p@14
$（'.Distrib-pak、.bonus-pak、.replace-pak、.return-pak、.dueReceived、.dueAmount、.extSale、.expAndCom'）。on（'keydown-keyup'，function（）{
var distPakCount=$（this）.parents（'.product行'）.find（'.distrb-pak'）.val（）；
var bonusPakCount=$（this）.parents（'.product行'）.find（'.bonus-pak'）.val（）；
var replacePakCount=$（this）.parents（'.product行'）.find（'.replace-pak'）.val（）；
var returnPakCount=$（this）.parents（'.product行'）.find（'.return-pak'）.val（）；
var totalSalePak=$（this）.parents（'.product行'）.find（'.totalSalePak'）；
var salesInAmount=$（this）.parents（'.product行'）.find（'.sales in amount'）；
var extSale=$（this）.parents（'.product行'）.find（'.extSale'）.val（）；
var totalSale=$（this）.parents（'.product行'）.find（'.totalSale'）；
var dueserved=$（this）.parents（'.product行'）.find（'.dueserved'）.val（）；
var dueaumount=$（this）.parents（'.product行'）.find（'.dueaumount'）.val（）；
var totalReceived=$（this）.parents（'.product行'）.find（'.totalReceived'）；
var expCom=$（this）.parents（'.product行'）.find（'.expAndCom'）.val（）；
var price=$（this）.parents（'.product行'）.find（'.price'）.val（）；
var totalSalePakCount=parseInt（distPakCount）-parseInt（bonusPakCount）-
parseInt（returnPakCount）-parseInt（replacePakCount）；
totalSalePak.val（totalSalePakCount）；
var salesInAmount_u2;=总SalepakCount*parseInt（价格）；
salesInAmount.val（salesInAmount_）；
var totalSaleInAmount=salesInAmount_uz+parseInt（extSale）；
totalSale.val（totalSaleInAmount）；
var totalReceivedAmount=parseInt（totalSaleInAmount）+parseInt（dueReceived）-parseInt（dueAmount）
-parseInt（expCom）；
totalReceived.val（totalReceivedAmount）；
//全部出售
});

这是输出。它在total sale列中添加了额外的0，并且在我将值放入第2行时没有发生任何事情

循环所有

.totalReceived

值并添加它们的值。然后将其放入

.totalSale

：

var totalSale = 0;
$(".totalReceived").each(function() {
    totalSale += parseInt($(this).val());
}
$(".totalSale").val(totalSale);

为什么每次都要从问题中删除图像？。为什么人们会转到下一个选项卡来查看图像？

extSale

是一个字符串，因此

salesInAmount\uuuz+extSale

执行字符串连接，而不是添加。@Barmar字符串问题已解决：）如何将第8列中的第二行值添加到一起在所有行上循环，添加列。然后将总数输入total sales字段。