繁体   English   中英

表中输入的jQuery计算

[英]JQuery Calculation on inputs within table

我正在用jquerymobile在phonegap中开发一个简单的IOS应用程序。 我正在尝试对表中的输入进行简单的计算,但无法正常工作。 它适用于前两个输入,但是一旦为第三个计算添加了jQuery,它就会失去所有功能。 我有以下HTML

                   <table>
                    <tbody>
                        <tr>
                            <td class="tabledata">Fuel  </td>
                            <td class="tabledata"> Gallonn </td>
                    <td ><input id="a" type="text"></input></td>
                            <td class="tabledata" >138690</td>
                            <td  class="tabledata"><span id="c"></span></td>

                        </tr>
                        <tr>
                            <td  class="tabledata" >Electricity</td>
                            <td>KiloWatt-hour (kWH)</td>
                            <td ><input type="text" id="d"></input></td>
                            <td class="tabledata">3,412</td>
                            <td class="tabledata" ><span id="e"></span></td>
                        </tr>
                        <tr>
                            <td class="tabledata" >Natural Gas*</td>
                            <td  class="tabledata" >Therm**</td>
                            <td><input type="text" id="f"></input></td>
                            <td  class="tabledata" >100,000</td>
                            <td  class="tabledata" ><span id="g"></span></td>

                        </tr>
                       </tbody>
                      </table>

和以下脚本

        $(document).ready(function() {
                          function compute() {
                          var a = parseInt($('#a').val(), 10);
                          var c = (a / 138690) * 1000000;
                          var cc = c.toFixed(2);
                          var d = parseInt($('#d').val(), 10);
                          var e = (d / 3412) * 1000000;
                          var ee = e.toFixed(2);
                          var f = parseInt($('#f').val(), 10);
                          var g = (f / 100000) * 1000000;
                          var gg = g.toFxed(2);

                          $('#c').text(cc);
                          $('#e').text(ee);
                          $('#g').text(gg);


                          }

                          $('#a, #d, #f ').change(compute);

                          });

        </script>

我正在使用jQuery 1.91版。

您的代码中有错别字:

var gg = g.toFxed(2);

将其更改为.toFixed ,它在JSFiddle中对我有用: http : //jsfiddle.net/M5LKU/

您在此处错过了“ toFixed”函数名称中的字母“ i”:

var gg = g.toFxed(2);

g.toFxed(2)更改为g.toFixed(2) 只是一个错字

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM