Javascript 总值计算误差 .trans_gc { 宽度：220px； 高度：26px； } $.noConflict（）； $（文档）.ready（函数（）{ $（“.trans_gc”）。每个（函数（）{ $（this）.keyup（function（）{ 计算um（）； }); }); }); 函数calculateSum（）{ var总和=0； $（“.trans_gc”）。每个（函数（）{ 如果（！isNaN（this.value）&&this.value.length！=0）{ sum+=parseFloat（此.value）； } }); $（“#trans#u gc_total”）.html（总和）； } 首次登记 哈马利。 老陈 AOC 门Cln 门德尔 风险投资 脱毛 总价值

id trans_gc_total的输入字段中未显示总值。 我想要所有输入字段的总数，它有类trans_gc。

---

请任何人帮我解决这个问题。谢谢

以下是工作脚本：

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <style>
   .trans_gc
  {
     width: 220px;
height: 26px; 
  }
  </style>
<script>
    $.noConflict();
    $(document).ready(function(){
        $(".trans_gc").each(function() {

            $(this).keyup(function(){
                calculateSum();
            });
        });

    });

    function calculateSum() {

        var sum = 0;
        $(".trans_gc").each(function() {

            if(!isNaN(this.value) && this.value.length!=0) {
                sum += parseFloat(this.value);
            }

        });
        $("#trans_gc_total").html(sum);
    }
</script>

    <div class="control-group">
      <div style="float: left;">

        <label class="control-label" >
          FRT
        </label>
        <div class="controls" id="trans_gc_frt">
          <input type="text" class="trans_gc " name="trans_gc_frt" id="trans_gc_frt" required="required" >
        </div>
      </div>
      <div>
        <div>

          <label class="control-label"  style="margin-right: 20px;">
            Hamali Ch.
          </label>
          <div class="controls" >
            <input type="text" class="trans_gc" name="trans_gc_hamali" id="trans_gc" required="required" >
          </div>
        </div>

      </div>

    </div>

    <div class="control-group">
      <div style="float: left;">

        <label class="control-label" >
          Sr.Ch
        </label>
        <div class="controls">
          <input type="text" class="trans_gc" name="trans_gc_sr" id="trans_gc" required="required" >
        </div>
      </div>
      <div>
        <div>

          <label class="control-label"  style="margin-right: 20px;">
            AOC
          </label>
          <div class="controls" >
            <input type="text" class="trans_gc" name="trans_gc_aoc" id="trans_gc" required="required" >
          </div>
        </div>

      </div>

    </div>

    <div class="control-group">
      <div style="float: left;">

        <label class="control-label" >
          Door Cln
        </label>
        <div class="controls">
          <input type="text" class="trans_gc" name="trans_gc_doorcln" id="trans_gc" required="required">
        </div>
      </div>
      <div>
        <div>

          <label class="control-label"  style="margin-right: 20px;">
            Door Del
          </label>
          <div class="controls" >
            <input type="text" class="trans_gc" name="trans_gc_doordel" id="trans_gc" required="required" >
          </div>
        </div>

      </div>

    </div>

    <div class="control-group">
      <div style="float: left;">

        <label class="control-label" >
          Risk Ch
        </label>
        <div class="controls">
          <input type="text" class="trans_gc" name="trans_gc_riskch" id="trans_gc" required="required">
        </div>
      </div>
      <div>
        <div>

          <label class="control-label"  style="margin-right: 20px;">
            Demmurage
          </label>
          <div class="controls" >
            <input type="text" class="trans_gc" name="trans_gc_dem" id="trans_gc" required="required">
          </div>
        </div>

      </div>

    </div>

    <div class="control-group">

      <label class="control-label" >
        Total Value
      </label>
      <div class="controls" >
        <input type="text" class="span3" id="trans_gc_total" required="required">

      </div>

      <!-- /controls -->

    </div>

看

建议

>事件绑定不必执行

每个

这可以简化为：
$（“.trans_gc”）.keyup（calculateSum）

>要从jquery中更改
输入
字段值，您需要使用
.val（）
而不是
.html（）

变,

   $(".trans_gc").each(function() {
        $(this).keyup(function(){
            calculateSum();
        });
    });

对,

你的html是完全无效的，有很多空间。请更正。我想再添加一个字段。价值因客户而异。你能帮我plz。你想添加到哪里？这应该很简单，伙计，你只需要在你的html课程中的所需位置添加那一行就行了。好吧，但是你没有显示你的php代码，那么我怎么能验证呢。不管怎样，它应该很好用。对不起，我犯了一个愚蠢的错误。非常感谢你的帮助。现在我得到了输出。
   $(".trans_gc").each(function() {
        $(this).keyup(function(){
            calculateSum();
        });
    });

$("#trans_gc_total").html(sum);

$("#trans_gc_total").val(sum);