Javascript无法更改跨度答案

【问题标题】：Javascript faling to change spanJavascript无法更改跨度
【发布时间】：2016-09-05 06:44:44
【问题描述】：

以下 javascript 已停止工作，我不知道为什么我在准备好的函数中使用它来计算我所有在 css 类中前缀的文本框，其中一些似乎又坏了。我通过 text 方法加载默认值，所以我想知道这是否是导致它的原因！

如果你查看我的 css 类标签，我的值incomeSum 有

$(document).ready(function () {  

        calculateSum();


$(".incomeSum").each(function () {

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

            });
        });

上面只是调用下面的函数

 function calculateSum() {

        var sum = 0;
        //iterate through each textboxes and add the values
        $(".incomeSum").each(function () {

            //add only if the value is number
            if (!isNaN(this.value) && this.value.length != 0) {
                sum += parseFloat(this.value);
            }


        });
        //.toFixed() method will roundoff the final sum to 2 decimal places
        alert("Do i get to the span element!" + sum.toFixed(2));
        $("#sumTotalIncome").html(sum.toFixed(2));


    }

这是文本框的代码，控件上大约有 50 个，我在那里放了一个警报对话框，看它是死机触发，只是没有将总数写入标签

 <div class="col-md-5 sidestight-left sidesthin-right">
   <dx:ASPxTextBox ID="WAGES_NET_CIC"  MaskSettings-AllowMouseWheel="false"   ClientIDMode="Static" MaskSettings-Mask="<0..999999999>.<00..99>" MaskSettings-PromptChar=" " ValidationSettings-Display="Dynamic" Native="True" CssClass="form-control ng-pristine ng-untouched ng-valid incomeSum" runat="server">
<MaskSettings Mask="<0..999999999>.<00..99>" PromptChar="" />
  </dx:ASPxTextBox>  </div>

总标签

<label class="total-bar-income total-bar-right">
  <span id="sumTotalIncome">0</span>
</label>

我在这里创建了一个 js fiddle 看看是否有人可以帮助我

https://jsfiddle.net/gdzdknn0/

编辑 1 好的，所以我有点远，但是我的代码中还有另一个错误，它停止了上述功能的工作向上

function caclulateBalance() {
    incomescic = +$('#sumTotalIncome').text();
    expensecic = +$('#expendureTotalSum').text();
    reducible = +$('#reducibleSumTotal').text();
    incomes = +$('#totalsIncomeiande').text();
    expenses = +$('#totalexpensessum').text();


    $('#totalbalancesum').text((incomes - expenses).toFixed(2));
    $('#lblTotalcicSum').text(incomescic - (expensecic + reducible)).toFixed(2);

       }

【问题讨论】：

检查控制台。您的小提琴有几个错误，尤其是您在代码中间添加了一个纯文本句子。如果你解决了这些问题，它就会起作用：jsfiddle.net/gdzdknn0/1
嗨，对不起，是的，这只是一个拼写错误，另一个错误是什么
jsfiddle.net/gdzdknn0/3 在这里它正在工作。我添加了 jquery 外部资源
@RoryMcCrossan 谢谢你可以标记为答案但是当我通过文本方法设置默认值时遇到问题它不更新总数？ jsfiddle.net/gdzdknn0/4
@RoryMcCrossan 你能看看我的编辑吗？我有点进一步感谢，只是平衡计算正在制动它

标签： javascript c# jquery webforms

【解决方案1】：

您忘记包含 jQuery。修正你的代码拼写错误，并将这个 sn-p 包含在你的<head> 中，你应该没问题。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"> </script>

【讨论】：

这就是 jsfiddle 无法正常工作的原因，但不是我的完整解决方案，但感谢您的输入