Javascript无法改变span
本文关键字:span 改变 Javascript | 更新日期: 2023-09-27 18:05:34
下面的javascript已经停止工作,我不知道为什么我有它在我的准备函数来计算我所有的文本框前缀在css类收入一些它似乎已经打破了。我通过文本方法加载默认值,所以我想知道这是什么制动它!
如果你看一下我的css class标签我有一个值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提琴,看看是否有人可以帮助我
https://jsfiddle.net/gdzdknn0/编辑1 好了,我走得更远了但是我的代码中有另一个错误它使上面的函数停止工作我想去到每个section的span并对它们进行计算但是当我包含这个函数时它会使键停止
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);
}
您忘记使用jQuery了。修复你的代码输入错误,并将此代码片段包含在你的<head>
中,你应该没事了。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"> </script>