JS变量在两个事件中的行为不同

Question

我正在创建一个带有项目的订单表格。人们输入输入字段中所需的项目数量。如他们所做的那样，密钥功能可以计算每个项目的总和并显示在其旁边。同时，在表格的底部，显示最终总成本和总数。所有这些都是在JS中完成的。然后使用PHP传递到下一页。这是一个确认页。然后，用户单击"继续按钮"将数据提交到将数据插入数据库的下一页。

所有这些都很好。

但是，在确认页面上，有一个编辑按钮，单击"单击"将订购表格带回。所有先前的数据和总数都正确，用户可以编辑和重新提交这些数据。除了显示以前提交的两倍的项目总数

代码是

$('document').ready(function(){
        $("input").each(function() {
                    $(this).keyup(function(){
                        calculateSum();
                    });
                });
});
    calculateSum();
    function calculateSum() {
    //Calculate Total Items
            var sum = 0;
            var totcost=0;
            //iterate through each textboxes and add the values
            $("input").each(function() {
                //add only if the value is number
                if(!isNaN(this.value) && this.value.length!=0 && this.value.length<=3) {
                    sum += eval(parseInt(this.value));
                }
            });
    //Calculate Total Cost
            $("div.ittot").each(function() {
                var tots=0;
                var str=$(this).text();
                var thenum = str.replace( /^D+/g, '');
                var tots = parseInt(thenum,10);
                //add only if the value is number
                if(!isNaN(tots) && tots.length!=0) {
                    totcost += tots;
                }
            });
        $("#totalcost").css("background-color", "green").html("<div style='float:left;margin-left:5px'><span style='font-weight:700'>Total Cost : </span>Rs."+ totcost + "</div><div style='float:right;margin-right:5px'><span style='font-weight:700'>Total Items : </span>" + sum + "</div><div style='clear:both'></div>");
    }

TOTCOST变量效果很好。

但是，总和变量不会在每个函数调用上重置，每次都会使总计复合，而不是每次重新整理。

怎么了？两者都有相同的命令。

编辑

按要求的完整订单表格

    include('conn.php');
    $itemsc="";
    $arraytable = array();
$result=$orderdb->query("SELECT * FROM rates ORDER BY item");
if ($result) {
/* Get field information for all columns */
    while ($finfo = $result->fetch_assoc()) {
        $arraytable[$finfo['item']] = $finfo['rate'];
        if($finfo['type']=="Male"){
            $itemsm[]=$finfo['item'];
            $itemsidm[]=$finfo['id'];
        }
        elseif($finfo['type']=="Female"){
                $itemsf[]=$finfo['item'];
                $itemsidf[]=$finfo['id'];
            }
        elseif($finfo['type']=="Common"){
                $itemsc[]=$finfo['item'];
                $itemsidc[]=$finfo['id'];
            }           
        elseif($finfo['type']=="Other"){
            $itemso[]=$finfo['item'];
            $itemsido[]=$finfo['id'];
            }
    }
}    else{echo "ERROR !<br>";}
//print_r($itemsm);
?>
<div class="scrolltop"><h4>Go to Top</h4></div>
<div class="clothesform">
        <form action="place-order" method="post" name="orderform" id="orderform">
        <div><label for="phone">Phone </label> 
                <?php include('jqueryserverphone.php');?>
                        <div style="clear:both"></div>
        </div>      
        <div style="clear:both"></div>
                <h3>Order Details</h3>  
                        <div class="male">      
                            <h4>Male</h4>
                            <div class="colhead1">Item</div><div class="colhead2">Qty</div><div class="colhead3">Cost</div><div style="clear:both"></div>
                            <?php 
                            $result=$orderdb->query("SELECT * FROM rates ORDER BY item");
                            for($i=0;$i<count($itemsm);$i++)
                            {
                                $itemname= strtolower(preg_replace('/[^(x20-x7F)]*/',"",$itemsm[$i]));
                                $itemname=str_replace(array("_"," ","/"),"",$itemname);
                                $itemlabel=ucfirst($itemsm[$i]);
                                $itemlabelname=$itemname."lbl";
                                ?>      
                            <div>
                                <label for="<?php echo $itemname;?>"><?php echo $itemlabel;?><input type="hidden" name='<?php echo $itemlabelname;?>' value="<?php echo $itemlabel;?>"> </label> 
                                <input type="number" data-validation="number" name ="<?php echo $itemname;?>" class="clothesqty" id="<?php echo $itemname;?>"
                                 <?php if(isset($_POST[$itemname])){echo  " value='$_POST[$itemname]'";}else{echo " value='0'";}?>>
                                <div id="<?php echo $itemname."cost";?>" class="ittot">
                                    <?php
                                        include('testfunct.php');
                                    ?>
                                </div>
                                <div style="clear:both"></div>
                            </div>
                            <?php   } ?>
                        </div>
                        <div class="female">
                                <h4>Female</h4>
                                <div class="colhead1">Item</div><div class="colhead2">Qty</div><div class="colhead3">Cost</div><div style="clear:both"></div>
                                <?php
                                for($i=0;$i<count($itemsf);$i++)
                                {       
                                $itemtitle=$itemsf[$i];
                                $itemname= strtolower(str_replace("_","",preg_replace('/[^(x20-x7F)]*/',"",$itemsf[$i])));
                                $itemname=str_replace(array("_"," ","/"),"",$itemname);
                                $itemlabel=ucfirst($itemsf[$i]);
                                $itemlabelname=$itemname."lbl";
                                ?>
                                <div>
                                    <label for="<?php echo $itemname;?>"><?php echo $itemlabel;?> <input type="hidden" name='<?php echo $itemlabelname;?>' value="<?php echo $itemlabel;?>"> </label> 
                                    <input type="number" data-validation="number" name ="<?php echo $itemname;?>" class="clothesqty" id="<?php echo $itemname;?>"
                                     <?php if(isset($_POST[$itemname])){echo  " value='$_POST[$itemname]'";}else{echo " value='0'";}?>>
                                    <div id="<?php echo $itemname."cost";?>" class="ittot">
                                        <?php
                                        include('testfunct.php');
                                    ?>
                                    </div>
                                    <div style="clear:both"></div>
                                </div>
                                <?php   } ?>
                        </div>
                        <div class="common">
                                <h4>Common Apparel</h4>
                                <div class="colhead1">Item</div><div class="colhead2">Qty</div><div class="colhead3">Cost</div><div style="clear:both"></div>
                                <?php
                                if(!empty($itemsc)){
                                for($i=0;$i<count($itemsc);$i++)
                                {       
                                $itemtitle=$itemsc[$i];
                                $itemname= strtolower(str_replace("_","",preg_replace('/[^(x20-x7F)]*/',"",$itemsc[$i])));
                                $itemname=str_replace(array("_"," ","/"),"",$itemname);
                                $itemlabel=ucfirst($itemsc[$i]);
                                $itemlabelname=$itemname."lbl";
                                ?>
                                <div>
                                    <label for="<?php echo $itemname;?>"><?php echo $itemlabel;?> <input type="hidden" name='<?php echo $itemlabelname;?>' value="<?php echo $itemlabel;?>"> </label> 
                                    <input type="number" data-validation="number" name ="<?php echo $itemname;?>" class="clothesqty" id="<?php echo $itemname;?>"
                                     <?php if(isset($_POST[$itemname])){echo  " value='$_POST[$itemname]'";}else{echo " value='0'";}?>>
                                    <div id="<?php echo $itemname."cost";?>" class="ittot">
                                    <?php
                                        include('testfunct.php');
                                    ?>
                                    </div>
                                    <div style="clear:both"></div>
                                </div>
                                <?php   } 
                                }?>
                        </div>

                        <div class="others">
                                <h4>Household and Others</h4>
                                <div class="colhead1">Item</div><div class="colhead2">Qty</div><div class="colhead3">Cost</div><div style="clear:both"></div>
                                <?php
                                for($i=0;$i<count($itemso);$i++)
                                {
                                $itemtitle=$itemso[$i];
                                $itemname=strtolower(preg_replace('/[^(x20-x7F)]*/',"",$itemso[$i]));
                                $itemname=str_replace(array("_"," ","/"),"",$itemname);
                                $itemlabel=ucfirst($itemso[$i]);
                                $itemlabelname=$itemname."lbl";
                                ?>
                                <div>
                                    <label for="<?php echo $itemname;?>"><?php echo $itemlabel;?> <input type="hidden" name='<?php echo $itemlabelname;?>' value="<?php echo $itemlabel;?>"> </label>
                                    <input type="number" data-validation="number" name ="<?php echo $itemname;?>" class="clothesqty" id="<?php echo $itemname;?>"
                                    <?php if(isset($_POST[$itemname])){echo  "value='$_POST[$itemname]'";}else{echo "value='0'";}?>>
                                    <div id="<?php echo $itemname."cost";?>" class="ittot">
                                    <?php
                                        include('testfunct.php');
                                    ?>
                                    </div>
                                    <div style="clear:both"></div>
                                </div>
                                <?php   }   ?>
                                <div style="clear:both"></div>
                            </div>
                            <div style="clear:both"></div>
                        <div id="totalcost"><?php 
                            if(isset($_POST)){
                                totitem($_POST);
                                //echo $p;  
                                //totcost();
                            }else{echo "0";}
                        ?></div>
                        <div style="clear:both"></div>          
                    <div class="submit"><input Type="submit" name="clothessub" value="Place Order"></div>   
        </form>
    </div>
    <script type="text/javascript"> var item= <?php echo json_encode($arraytable); ?>;</script>

testfunct.php文件是我正在调用的总函数，如前所述。

JSON_ENCODE变量与问题的这一部分无关。它只是出于不同的目的将变量传递给我的外部JS文件。

编辑

实际形式在这里。在我将编辑中的表单值重置为零的地方，因为总项目值是在上述问题上创建的，否则

Answer 1

进入确认步骤时，您的表单（<form action="register" method="post">）具有隐藏的输入字段，该字段保留了输入的值。然后，当您返回编辑订单时，此表格消失了，但只有视觉上 - 代码在源中存在，并且隐藏的输入字段都在那里，所有值都有所有值。然后，当keyup时调用colculetatem（）时，将计算所有输入字段的总和，包括累加的隐藏字段。

一种解决方案是将选择器从"输入"更改为"输入[type = number]"：您的代码：

$("input").each(function() {
    //add only if the value is number
    if(!isNaN(this.value) && this.value.length!=0 && this.value.length<=3) {
        sum += eval(parseInt(this.value));
    }
});

将其更改为：

$("input[type=number]").each(function() {
    //add only if the value is number
    if(!isNaN(this.value) && this.value.length!=0 && this.value.length<=3) {
        sum += eval(parseInt(this.value));
    }
});