使用javascript计算总计（onkeyup）_Javascript

使用javascript计算总计（onkeyup）

javascript

使用javascript计算总计（onkeyup）,javascript,Javascript,如何使用java脚本onkeyup从总计中计算总计？这是我的编码 <html> <head> <form method = "POST" action="text.php" name="form"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="styleshee

如何使用java脚本onkeyup从总计中计算总计？这是我的编码

    <html>
    <head>
        <form method = "POST" action="text.php" name="form">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" href="css/jquery-ui.css"/>
        <script src="js/jquery-1.9.1.js"></script>
        <script src="js/jquery-ui.js"></script>
        <!--<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>-->
        <script type="text/javascript">

        function cal1() {
        var a = $(".qty1").val();
        var b = $(".price1").val();
        c1 = a * b; //a * b
        $(".total1").val(c1);
        }

        function cal2() {
        var a = $(".qty2").val();
        var b = $(".price2").val();
        c2 = a * b; //a * b
        $(".total2").val(c2);
        }

        function grandtotal() {
        var a = $(".total1").val();
        var b = $(".total2").val();
        z = a+b; //+
        $(".grandtotal").val(z);
        }
        </script>

    </head>
    <body>


<table border="1">
                    <tr>
                        <td>
                            <table height="51" border="0" cellspacing="2">
                                <tr>
                                    <td>
                                        <div align="center">Price</div>
                                    </td>
                                    <td>
                                        <div align="center"> Total Price</div>
                                    </td>
                                </tr>
                                <tr>

                                    <td>
                                        <input  class="qty1"  type="text" name="qty1" onblur="qty_blur(this);" onkeyup="cal1();" value="">
                                    </td>
                                    <td>
                                        <input  class="price1"  type="text" name="price1" onblur="price_blur(this);" onkeyup="cal1();" value="">
                                    </td>
                                    <td>
                                        <input  class="total1"  type="text" name="total1" value="0" readonly=true onkeyup="grandtotal();">
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input  class="qty2"  type="text" name="qty2" onblur="qty_blur(this);" onkeyup="cal2();" value="">
                                    </td>
                                    <td>
                                        <input  class="price2"  type="text" name="price2" onblur="price_blur(this);" onkeyup="cal2();" value="">
                                    </td>
                                    <td>
                                        <input  class="total2"  type="text" name="total2" value="0" readonly=true onkeyup="grandtotal();">
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                <table>
                    <tr div class="grandtotal">
                        <td>
                            Grand Total :
                        </td>
                        <td>
                            <input class="grandtotal" name="grandtotal" type="text" readonly=true value="">
                        </td>
                    </tr>
                    </div>
                </table>
    </body>
</html>

cal1和cal2已经正确，但当cal和cal2已经计算时，总计保持为空？？如何自动计算总计+？？？从总计计算1和总计计算2中，您已将总计与onkeyup总计输入相关联。但这些输入永远不会收到onkeyup，因为它们是只读的

作为一个快速解决方案，我建议只需从cal1和cal2调用grandtotal：

此外，正如@myfunkyside所建议的，您必须正确地将输入解析为数字。否则，总数将作为字符串连接

    function grandtotal() {
      var a = parseInt($(".total1").val(), 10);
      var b = parseInt($(".total2").val(), 10);
      z = a+b; //+
      $(".grandtotal").val(z);
    }

使用parseInt或parseFloat将输入字段中的文本值解析为数值。So:var a=parseInt$.total1.val；我可以建议你在c1，c2和z之前也使用var吗？否则它们将被转换为全局变量sthx供您评论，您介意这样吗？var a=parseInt$.qty1.val；var b=parseInt$.price1.val；var c1=parseInta+parseIntb；$.total1.valc1；这部分有表格吗？非常奇怪。是的，除了计算var c1时，您不需要再解析INT，因为值a和b已经解析为ur注释的DTHX：

    function grandtotal() {
      var a = parseInt($(".total1").val(), 10);
      var b = parseInt($(".total2").val(), 10);
      z = a+b; //+
      $(".grandtotal").val(z);
    }